/* MDF design tokens — load order: filename sorts before Default.css (TD-001, TD-003, TD-004) */
:root
{
    /* Brand */
    --mdf-navy: #1f2f46;
    --mdf-navy-hover: #314866;
    --mdf-navy-active: #2b3f5b;
    --mdf-gold: #b6a05b;
    --mdf-gold-hover: #a08a49;
    --mdf-gold-border: #9a8648;
    --mdf-gold-on-light: #8f7c3f;

    /* Surfaces & structure */
    --mdf-bg: #f2f3f6;
    --mdf-surface: #f3f4f7;
    --mdf-card: #ffffff;
    --mdf-border: #d6dbe3;

    /* Text */
    --mdf-text: #1a2130;
    --mdf-text-muted: #2a2f37;
    --mdf-text-heading: #161f2f;
    --mdf-text-heading-alt: #1d2433;
    --mdf-text-section: #10192c;
    --mdf-nav-text: #eef2f9;
    --mdf-sidebar-accent: #f6f9ff;
    --mdf-auth-on-light: #202532;
    --mdf-cookie: #346b20;
    --mdf-cookie-link: #2a5f18;
    --mdf-dev-link: #0e2d66;
    --mdf-copy: #5c616a;
    --mdf-placeholder-border: #a9b0bc;
    --mdf-placeholder-text: #6d7686;
    --mdf-placeholder-bg: #eef1f6;
    --mdf-menu-toggle-border: #c8ceda;
    --mdf-auth-outline: #b9bdc6;

    /* Elevation */
    --mdf-shadow-chrome-a: rgba(15, 23, 42, 0.06);
    --mdf-shadow-chrome-b: rgba(15, 23, 42, 0.12);
    --mdf-shadow-card: rgba(10, 14, 24, 0.08);

    /* Spacing scale (4px base, TD-004) */
    --mdf-space-xs: 4px;
    --mdf-space-sm: 8px;
    --mdf-space-compact: 10px;
    --mdf-space-md: 12px;
    --mdf-space-lg: 16px;
    --mdf-space-xl: 24px;
    --mdf-space-2xl: 32px;
    --mdf-space-3xl: 48px;

    /* Typography (TD-002: Inter first) */
    --mdf-font-sans: "Inter", Calibri, Arial, sans-serif;

    /* Radius */
    --mdf-radius-xs: 4px;
    --mdf-radius-sm: 6px;
    --mdf-radius-md: 8px;
    --mdf-radius-card: 12px;
    --mdf-radius-pill: 14px;
    --mdf-radius-cta: 16px;

    /* Touch & chrome */
    --mdf-touch-min: 44px;
    --mdf-topbar-min-height: 68px;
}