/* =========================================================================
   Global / site styles.
   -------------------------------------------------------------------------
   The sign-in surface uses Hanken Grotesk on a light surface; the brand
   green (#35823c) appears as the deliberate accent (panel, CTA, focus ring).
   ========================================================================= */
* {
    box-sizing: border-box;
}

html,
body {
    height: 100%;
}

body {
    margin: 0;
    font-family: 'Hanken Grotesk', system-ui, -apple-system, 'Segoe UI', sans-serif;
    color: #16241c;
    background: #f5f8f6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

::selection {
    background: rgba(53, 130, 60, 0.18);
}

/* Page-load rise used by the brand panel and the sign-in card. */
@keyframes fpRise {
    from { opacity: 0; transform: translateY(12px); }
    to   { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
    .fp-rise {
        animation: none !important;
    }
}