:root {
  --brand-teal: #00A993;
  --brand-gold: #E8AC1A;
  --brand-ocean: #004B65;
  --ink: #14292D;
  --deep: #002F35;
  --night: #001F23;
  --paper: #FCFCFA;
  --ivory: #F7F5F0;
  --pale-teal: #E5F2EF;
  --line: #DDE5E1;
  --muted: #516568;
  --white: #FFFFFF;
  --on-dark-muted: #CCD7D5;
  --error: #A52E28;
  --success: #17664E;
  --font-body: 'Open Sans', Arial, sans-serif;
  --font-display: 'Cormorant Garamond', Georgia, serif;
  --text-sm: .8125rem;
  --text-base: 1rem;
  --text-lead: 1.125rem;
  --display: clamp(3.8rem, 5.45vw, 5.75rem);
  --heading: clamp(2.5rem, 4vw, 4.5rem);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --radius-card: 18px;
  --radius-panel: 32px;
  --radius-pill: 999px;
  --content-wide: 1480px;
  --content-reading: 740px;
  --gutter: clamp(24px, 5.65vw, 96px);
  --gold-surface: linear-gradient(175deg, #ffffff36 0%, #ffffff08 48%, #ffffff00 52%), var(--brand-gold);
  --shadow-gold: inset 0 1px 0 #ffffff70, 0 5px 20px #00000016;
  --shadow-paper: inset 0 1px 0 var(--white), 0 14px 44px #14292d0a;
  --scrim-hero: linear-gradient(90deg, #001f23f5 0%, #001f23c9 28%, #001f235c 48%, #001f2300 75%), linear-gradient(0deg, #001f23b3 0%, #001f2300 45%);
  --scrim-card: linear-gradient(90deg, #001f23ad, #001f2310), linear-gradient(0deg, #001f23a3, #001f2300 85%);
  --scrim-editorial-card: linear-gradient(180deg, #001f2399 0%, #001f2320 38%, #001f23f5 100%);
  --focus: 0 0 0 3px var(--paper), 0 0 0 6px var(--brand-ocean);
  --duration-fast: 180ms;
  --duration-medium: 300ms;
  --ease: cubic-bezier(.2,.7,.2,1);
}

:root {
  --effect-1: #00000055;
  --effect-2: #001f2300;
  --effect-3: #001f2320;
  --effect-4: #001f2355;
  --effect-5: #001f2370;
  --effect-6: #001f23b0;
  --effect-7: #001f23b8;
  --effect-8: #001f23bd;
  --effect-9: #001f23ed;
  --effect-10: #001f23f5;
  --effect-11: #14292d15;
  --effect-12: #14292d26;
  --effect-13: #51656888;
  --effect-14: #e8ac1a25;
  --effect-15: #e8ac1a66;
  --effect-16: #ffffff00;
  --effect-17: #ffffff08;
  --effect-18: #ffffff10;
  --effect-19: #ffffff18;
  --effect-20: #ffffff44;
  --effect-21: #ffffff60;
  --effect-22: #ffffffbb;
}

/* Restrained homepage gloss: official colors, shared surface values. */
:root {
  --home-glass-paper: linear-gradient(135deg, var(--white), var(--ivory));
  --home-glass-shadow: inset 0 1px 0 var(--white), 0 12px 32px color-mix(in srgb, var(--deep) 7%, transparent);
  --home-glass-dark: color-mix(in srgb, var(--white) 7%, transparent);
  --home-glass-line: color-mix(in srgb, var(--white) 25%, transparent);
  --home-dark-scrim: linear-gradient(90deg, color-mix(in srgb, var(--deep) 94%, transparent), color-mix(in srgb, var(--deep) 65%, transparent));
}

:root {
  --refinement-clear-glass: color-mix(in srgb, var(--paper) 92%, transparent);
  --refinement-tinted-glass: color-mix(in srgb, var(--deep) 88%, transparent);
  --refinement-glass-edge: color-mix(in srgb, var(--white) 55%, var(--line));
}