:root {
  /* Colors - Abyss, Navy, Slate Sea, Mineral Gold */
  --bg-primary:     #0A0E1A; /* Deep ocean near-black */
  --bg-surface:     #0F1729; /* Secondary surface background */
  --bg-elevated:    #1C2B4A; /* Elevated background, cards, borders */

  --accent:         #C8A96E; /* Refined crude mineral gold */
  --accent-light:   #E8D5A3; /* Hover gold state */
  --accent-glow:    rgba(200, 169, 110, 0.15);

  --text-primary:   #F2EDE4; /* Warm ivory off-white */
  --text-secondary: #8A9BB8; /* Secondary mist text */
  --text-accent:    #C8A96E;

  --border-subtle:  rgba(200, 169, 110, 0.12);
  --border-mid:     rgba(200, 169, 110, 0.25);
  --border-strong:  rgba(200, 169, 110, 0.5);
  
  --color-error:    #E05252; /* Form validation red */

  --gradient-hero:  linear-gradient(180deg, #0A0E1A 0%, #0F1729 60%, #0A0E1A 100%);
  --gradient-gold:  linear-gradient(135deg, #C8A96E 0%, #E8D5A3 50%, #C8A96E 100%);
  --gradient-glow:  radial-gradient(ellipse 60% 40% at 50% 50%, rgba(200,169,110,0.08) 0%, transparent 70%);

  /* Typography Scale (Cormorant Garamond, Inter, JetBrains Mono) */
  --text-display-xl:  clamp(3.2rem, 8vw, 8rem);     /* Hero headline */
  --text-display-lg:  clamp(2.4rem, 5vw, 5.5rem);   /* Section headings */
  --text-display-md:  clamp(1.8rem, 3.5vw, 3.5rem); /* Sub-headings */

  --text-heading-lg:  clamp(1.25rem, 2vw, 1.75rem);
  --text-heading-md:  clamp(1.1rem, 1.5vw, 1.375rem);
  --text-body-lg:     1.125rem;   /* 18px */
  --text-body-md:     1rem;       /* 16px */
  --text-body-sm:     0.875rem;   /* 14px */
  --text-micro:       0.75rem;    /* 12px */

  --text-data-lg:     clamp(2rem, 3vw, 3rem);     /* Big statistics */
  --text-data-md:     1.25rem;
  --text-data-sm:     0.875rem;

  /* Spacing */
  --space-1:   0.5rem;    /* 8px */
  --space-2:   1rem;      /* 16px */
  --space-3:   1.5rem;    /* 24px */
  --space-4:   2rem;      /* 32px */
  --space-5:   3rem;      /* 48px */
  --space-6:   4rem;      /* 64px */
  --space-7:   6rem;      /* 96px */
  --space-8:   8rem;      /* 128px */
  --space-9:  12rem;      /* 192px */
  --space-10: 16rem;      /* 256px */

  /* Letter Spacing */
  --tracking-display:  -0.02em;   /* Tight */
  --tracking-heading:  -0.01em;   /* Slight tightening */
  --tracking-body:      0em;      /* Neutral */
  --tracking-label:     0.12em;   /* Wide-spaced label/eyebrows */
  --tracking-mono:      0.04em;   /* Slight open for data */

  /* Line Heights */
  --leading-display: 1.0;
  --leading-heading: 1.2;
  --leading-body:    1.7;
  --leading-label:   1.4;
  --leading-mono:    1.5;

  /* Shadows */
  --shadow-sm:  0 2px 8px rgba(0, 0, 0, 0.3);
  --shadow-md:  0 8px 24px rgba(0, 0, 0, 0.4);
  --shadow-lg:  0 16px 48px rgba(0, 0, 0, 0.5);
  --shadow-glow: 0 0 32px rgba(200, 169, 110, 0.2);

  /* Border Radius */
  --radius-sm:   2px;
  --radius-md:   4px;
  --radius-lg:   8px;
  --radius-full: 9999px;

  /* Global Easing */
  --ease-smooth:   cubic-bezier(0.25, 0.1, 0.25, 1.0);
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-expo:  cubic-bezier(0.7, 0, 0.84, 0);
  --ease-drift:    cubic-bezier(0.4, 0, 0.2, 1);
}