:root {
    --white: #ffffff;
    --navy-950: #041a10;
    --navy-900: #0b2e1f;
    --navy-800: #114030;
    --navy-700: #1a5c44;
    --navy-600: #237a5a;
    --navy-500: #2e9e74;
    --amber-500: #a8e82c;
    --amber-400: #b8f044;
    --amber-300: #ccf576;
    --amber-100: #f2fcd8;
    --cream: #faf8f0;
    --cream-dark: #f0ece0;
    --silver: #d7e3db;
    --silver-light: #eef4ef;
    --bg: var(--cream);
    --card-bg: #ffffff;
    --border: #d5ddd8;
    --border-light: #e8ede9;
    --text: #1a2a20;
    --text-muted: #3d5a48;
    --text-light: #6d8a76;
    --muted: var(--text-muted);
    --g1: var(--navy-900);
    --g2: var(--navy-800);
    --g3: var(--navy-600);
    --g4: var(--amber-500);
    --g5: var(--amber-300);
    --gold: var(--amber-500);
    --gold2: var(--amber-300);
    --gold-pale: var(--amber-100);
    --off: var(--cream-dark);
    --grey1: var(--border);
    --grey2: var(--border-light);
    --grey3: var(--text-light);
    --grey4: var(--text-muted);
    --rad-sm: 4px;
    --rad: 8px;
    --rad-lg: 14px;
    --rad-xl: 18px;
    --rad-pill: 999px;
    --sh: 0 1px 3px rgba(11, 46, 31, 0.04), 0 4px 16px rgba(11, 46, 31, 0.06);
    --sh-lg: 0 4px 12px rgba(11, 46, 31, 0.06), 0 16px 48px rgba(11, 46, 31, 0.1);
    --sh-card: 0 1px 2px rgba(11, 46, 31, 0.03), 0 8px 24px rgba(11, 46, 31, 0.08);
    --sh-hover: 0 8px 28px rgba(11, 46, 31, 0.14);
    --shadow: var(--sh);
    --shadow-lg: var(--sh-lg);
    --shadow-subtle: 0 1px 2px rgba(11, 46, 31, 0.03);
    --tr: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    --lh-body: 1.8;
    --font-body: "Crimson Pro", Georgia, serif;
    --font-ui: "DM Sans", system-ui, sans-serif;
    --font-heading: "Playfair Display", Georgia, serif;
    --font-display: "Playfair Display", Georgia, serif;
    --font-mono: "IBM Plex Mono", monospace;
    --g-navy: linear-gradient(135deg, var(--navy-900) 0%, var(--navy-700) 100%);
    --g-amber: linear-gradient(135deg, var(--amber-500) 0%, #7dd63e 100%);
    --g-dark: linear-gradient(180deg, var(--navy-950) 0%, var(--navy-800) 100%);
    --g-cream: linear-gradient(180deg, var(--cream) 0%, var(--cream-dark) 100%);
}