:root {
  /* Colors — Pantone 5535 C (#183028) + Pantone Warm Gray 1 (#D7D2CB) */
  --color-bg-primary: #0E1B16;
  --color-bg-secondary: #183028;
  --color-bg-card: rgba(215, 210, 203, 0.04);
  --color-bg-card-hover: rgba(215, 210, 203, 0.09);

  --color-accent-dark: #9A9389;
  --color-accent: #D7D2CB;
  --color-accent-light: #EBE8E4;

  --color-ice: #B8E0F7;

  --color-text-primary: #F5F3F0;
  --color-text-secondary: rgba(215, 210, 203, 0.8);
  --color-text-muted: rgba(215, 210, 203, 0.45);

  --color-border: rgba(215, 210, 203, 0.12);
  --color-border-hover: rgba(215, 210, 203, 0.3);

  --color-success: #4ADE80;
  --color-error: #F87171;

  /* Gradients */
  --gradient-accent: linear-gradient(135deg, #9A9389, #D7D2CB, #EBE8E4);
  --gradient-bg: linear-gradient(180deg, #0E1B16 0%, #183028 50%, #0E1B16 100%);
  --gradient-glass: linear-gradient(135deg, rgba(215,210,203,0.06) 0%, rgba(215,210,203,0.02) 100%);

  /* Typography */
  --font-heading: 'Outfit', system-ui, sans-serif;
  --font-body: 'Inter', system-ui, sans-serif;

  --text-xs: clamp(0.65rem, 0.6rem + 0.25vw, 0.75rem);
  --text-sm: clamp(0.8rem, 0.75rem + 0.25vw, 0.875rem);
  --text-base: clamp(0.9rem, 0.85rem + 0.25vw, 1rem);
  --text-lg: clamp(1.1rem, 1rem + 0.5vw, 1.25rem);
  --text-xl: clamp(1.5rem, 1.2rem + 1.5vw, 2rem);
  --text-2xl: clamp(2rem, 1.5rem + 2.5vw, 3rem);
  --text-hero: clamp(2.5rem, 2rem + 3vw, 5rem);

  /* Spacing */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2.5rem;
  --space-xl: 4rem;
  --space-section: clamp(4rem, 3rem + 5vw, 7rem);

  /* Effects */
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-full: 9999px;

  --blur-glass: blur(16px) saturate(180%);
  --blur-nav: blur(24px) saturate(180%);

  --shadow-card: 0 4px 24px rgba(0, 0, 0, 0.3);
  --shadow-accent: 0 4px 30px rgba(215, 210, 203, 0.2);

  --transition-base: 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-slow: 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}