/* =========================
   DESIGN TOKENS
========================= */

:root {
    /* ===== Brand Colors ===== */
    --color-primary: #024B8F;
    --color-secondary: #572A01;
    --color-black: #000000;

    /* ===== Background ===== */
    --color-bg: #ffffff;
    --color-surface: #f9fafb;

    /* Text */
    --color-text: #111827;
    --color-muted: #6b7280;

    /* Borders */
    --color-border: #e5e7eb;

    /* Typography */
    --font-sans: system-ui, -apple-system, BlinkMacSystemFont,
        "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    /* --font-sans: "Helvetica Neue LT 3 Extended",
        "Helvetica Neue",
        Arial,
        sans-serif;
    --font-display: "Body Grotesque",
        "Helvetica Neue LT 3 Extended",
        sans-serif; */

    /* Layout */
    --container-width: 1000px;
    --section-padding: 5rem;
    --section-padding-mobile: 3rem;

    /* UI */
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 12px;

    /* Elevation */
    --shadow-sm: 0 2px 6px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 6px 18px rgba(0, 0, 0, 0.12);
    --shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.16);

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

/* @font-face {
    font-family: "Body Grotesque";
    src: url("/fonts/body-grotesque.large-trial-bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Helvetica Neue LT 3 Extended";
    src: url("/fonts/Helvetica\ Neue\ LT\ Std\ 43\ Light\ Extended.otf") format("opentype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
} */