/* The One Global - CSS Variables & Design Tokens */
:root {
  /* Brand Primary & Neutrals */
  --color-obsidian: #080b11;
  --color-surface-dark: #0e1420;
  --color-surface-elevated: #151d2c;
  --color-surface-border: #242f44;
  --color-surface-hover: #1c2638;

  /* Accent: Algarve Coastal Gold & Sand */
  --color-gold: #d4a373;
  --color-gold-hover: #e5b887;
  --color-gold-dark: #8c6d46;
  --color-gold-subtle: rgba(212, 163, 115, 0.12);
  --color-gold-glow: rgba(212, 163, 115, 0.25);

  /* Secondary Accents */
  --color-champagne: #f3e8d3;
  --color-terracotta: #c86446;
  --color-ocean: #1f3a52;

  /* Text Colors */
  --color-text-main: #f8fafc;
  --color-text-muted: #94a3b8;
  --color-text-subtle: #64748b;
  --color-text-inverse: #080b11;

  /* Status & Pill Indicators */
  --color-badge-vip-bg: rgba(212, 163, 115, 0.15);
  --color-badge-vip-text: #e5b887;
  --color-badge-summit-bg: rgba(56, 189, 248, 0.12);
  --color-badge-summit-text: #7dd3fc;
  --color-badge-gala-bg: rgba(244, 63, 94, 0.12);
  --color-badge-gala-text: #fda4af;

  /* Typography Stacks */
  --font-serif: "Cinzel", "Cormorant Garamond", Georgia, serif;
  --font-editorial: "Cormorant Garamond", Georgia, serif;
  --font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-mono: "JetBrains Mono", SFMono-Regular, Menlo, Monaco, Consolas, monospace;

  /* Elevation & Shadows */
  --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.5);
  --shadow-gold: 0 0 30px rgba(212, 163, 115, 0.15);

  /* Layout Constants */
  --max-width: 1240px;
  --header-height: 72px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-full: 9999px;

  /* Transitions */
  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 250ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-smooth: 400ms cubic-bezier(0.16, 1, 0.3, 1);
}