:root {

  /* ── Colors — cool blue-tinted ──────────────────── */
  --bg:           #03060F;   /* deep cool navy — darker so glows pop */
  --surface:      #0C1525;   /* cards */
  --border:       rgba(100, 150, 220, 0.12);
  --text:         #FFFFFF;
  --text-muted:   rgba(255, 255, 255, 0.80);
  --text-faint:   rgba(255, 255, 255, 0.45);
  --accent:       #C9A96E;   /* warm gold contrast */
  --accent-blue:  #5AABF0;   /* ice blue highlight */

  /* ── Typography ──────────────────────────────────── */
  --font-display: 'Plus Jakarta Sans', sans-serif;
  --font-body:    'Inter', system-ui, sans-serif;

  /* ── Type scale ──────────────────────────────────── */
  --size-hero:    clamp(4rem, 12vw, 10rem);
  --size-display: clamp(2rem, 4vw, 3.25rem);
  --size-heading: clamp(1.4rem, 3vw, 2rem);
  --size-xl:      1.375rem;
  --size-lg:      1.125rem;
  --size-base:    1rem;
  --size-sm:      0.875rem;
  --size-xs:      0.7rem;

  /* ── Letter spacing ──────────────────────────────── */
  --track-tight:   -0.025em;
  --track-normal:  0;
  --track-wide:    0.05em;
  --track-wider:   0.12em;
  --track-widest:  0.22em;

  /* ── Leading ─────────────────────────────────────── */
  --lead-tight:    1.05;
  --lead-snug:     1.25;
  --lead-normal:   1.55;
  --lead-relaxed:  1.75;

  /* ── Spacing ─────────────────────────────────────── */
  --sp-1:   0.5rem;
  --sp-2:   1rem;
  --sp-3:   1.5rem;
  --sp-4:   2rem;
  --sp-6:   3rem;
  --sp-8:   4rem;
  --sp-12:  6rem;
  --sp-16:  8rem;
  --sp-24: 12rem;

  /* ── Layout ──────────────────────────────────────── */
  --max-w:   1200px;
  --gutter:  clamp(1.5rem, 6vw, 5rem);

  /* ── Motion ──────────────────────────────────────── */
  --ease-out:  cubic-bezier(0.16, 1, 0.3, 1);
  --dur-base:  700ms;
  --dur-slow:  1000ms;
}