/*
  Design tokens — "Ledger & Brass"
  ---------------------------------
  A palette grounded in the one object every SACCO member actually
  holds: the savings passbook. Deep ledger green for the cover, brass
  gold for the coin/seal, paper for the page. Used for color and for
  the nav's signature double-rule + underline-fill motif.
*/

:root {
    /* Color */
    --color-ink: #20261f;
    --color-primary: #1f4d3a;
    --color-primary-dark: #163829;
    --color-primary-light: #2d6b4f;
    --color-accent: #c8932c;
    --color-accent-dark: #a8761c;
    --color-paper: #f6f7f2;
    --color-paper-alt: #edefe7;
    --color-line: #d8ded2;
    --color-white: #ffffff;
    --color-success: #2d6b4f;
    --color-danger: #b5432e;

    /* Typography */
    --font-base: 'Sen', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;

    /* Layout */
    --container-width: 1200px;
    --header-height: 78px;
    --topbar-height: 38px;
    --radius-sm: 6px;
    --radius-md: 12px;
    --radius-lg: 20px;

    /* Elevation */
    --shadow-sm: 0 1px 3px rgba(32, 38, 31, 0.08);
    --shadow-md: 0 10px 30px rgba(32, 38, 31, 0.12);
    --shadow-lg: 0 20px 50px rgba(32, 38, 31, 0.18);

    /* Motion */
    --transition-fast: 150ms ease;
    --transition-base: 250ms cubic-bezier(0.4, 0, 0.2, 1);
    --transition-slow: 400ms cubic-bezier(0.4, 0, 0.2, 1);
}

@media (prefers-reduced-motion: reduce) {
    :root {
        --transition-fast: 0ms;
        --transition-base: 0ms;
        --transition-slow: 0ms;
    }
}