:root {
  --color-accent: #5EEBC4;
  --color-accent-glow: rgba(94, 235, 196, 0.18);
  --color-accent-pressed: #3FCFA9;

  --color-surface-base: #000000;
  --color-surface-1: #0A0F0E;
  --color-surface-2: #10161A;
  --color-surface-3: #1A1F22;
  --color-surface-vignette: rgba(0, 0, 0, 0.65);

  --color-text-primary: #FFFFFF;
  --color-text-secondary: #E8ECEA;
  --color-text-accent: #5EEBC4;
  --color-text-muted: #8A9290;
  --color-text-disabled: #4A5250;

  --color-divider-accent: rgba(94, 235, 196, 0.24);
  --color-divider-ghost: rgba(255, 255, 255, 0.08);
  --color-error: #FF6B6B;

  --gradient-vignette: radial-gradient(ellipse 80% 60% at 50% 50%, transparent 0%, rgba(0,0,0,0.45) 60%, rgba(0,0,0,0.8) 100%);
  --gradient-reel-fade: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.55) 70%, rgba(0,0,0,0.9) 100%);
  --gradient-mint-aura: radial-gradient(circle at center, rgba(94,235,196,0.18) 0%, transparent 60%);

  --font-display: 'Funnel Display', 'Times New Roman', serif;
  --font-body: 'Inter', system-ui, -apple-system, sans-serif;

  --size-reel: 72px;
  --size-tile-en: 56px;
  --size-tile-tr: 48px;
  --size-section: 40px;
  --size-eyebrow: 13px;
  --size-lead: 24px;
  --size-body: 17px;
  --size-caption: 14px;
  --size-nav: 14px;
  --size-wordmark: 36px;
  --size-wordmark-sub: 11px;
  --size-fine: 12px;

  --space-xxs: 4px;
  --space-xs: 8px;
  --space-sm: 16px;
  --space-md: 24px;
  --space-lg: 32px;
  --space-xl: 48px;
  --space-xxl: 80px;
  --space-tile: 120px;

  --radius-none: 0px;
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-pill: 9999px;

  --container-max: 1280px;
  --editorial-max: 720px;
  --nav-height: 72px;

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --duration-fast: 200ms;
  --duration-base: 320ms;
  --duration-slow: 600ms;
}