/* ============================================================
   TOKENS.CSS — Field Harmonix Design Tokens
   Single source of truth for colors, spacing, type, and layout.
   ============================================================ */

:root {
  /* ── Colors ── */
  --color-bg:            #000B1F;
  --color-surface:       #001A4A;
  --color-text-primary:  #FFFFFF;
  --color-text-secondary:#A8C0E8;
  --color-accent-gold:   #B8960C;
  --color-highlight-teal:#1A7A8A;
  --color-glow-green:    #00FF88;
  --color-warmth-amber:  #FFB830;

  /* ── Surfaces with opacity ── */
  --color-surface-alpha:  rgba(0, 26, 74, 0.6);
  --color-overlay:        rgba(0, 11, 31, 0.85);

  /* ── Spacing scale (8px base) ── */
  --space-xs:   0.25rem;  /*  4px */
  --space-sm:   0.5rem;   /*  8px */
  --space-md:   1rem;     /* 16px */
  --space-lg:   2rem;     /* 32px */
  --space-xl:   4rem;     /* 64px */
  --space-2xl:  6rem;     /* 96px */
  --space-3xl:  8rem;     /* 128px */

  /* ── Type scale (fluid) ── */
  --text-xs:    clamp(0.75rem, 0.7rem + 0.25vw, 0.875rem);
  --text-sm:    clamp(0.875rem, 0.8rem + 0.35vw, 1rem);
  --text-base:  clamp(1rem, 0.9rem + 0.45vw, 1.125rem);
  --text-lg:    clamp(1.125rem, 1rem + 0.55vw, 1.35rem);
  --text-xl:    clamp(1.35rem, 1.1rem + 1vw, 1.75rem);
  --text-2xl:   clamp(1.75rem, 1.3rem + 1.8vw, 2.5rem);
  --text-3xl:   clamp(2.25rem, 1.5rem + 3vw, 3.5rem);
  --text-4xl:   clamp(2.75rem, 1.8rem + 4vw, 5rem);

  /* ── Font families ── */
  --font-display: 'Cormorant Garamond', 'Playfair Display', Georgia, serif;
  --font-body:    'DM Sans', 'Outfit', sans-serif;

  /* ── Line heights ── */
  --leading-tight:  1.15;
  --leading-snug:   1.3;
  --leading-normal: 1.6;

  /* ── Letter spacing ── */
  --tracking-tight:  -0.01em;
  --tracking-normal:  0;
  --tracking-wide:    0.08em;
  --tracking-wider:   0.15em;

  /* ── Layout ── */
  --max-width:       1200px;
  --max-width-narrow: 800px;
  --grid-gap:        var(--space-lg);
  --border-radius:   8px;
  --border-radius-lg: 16px;

  /* ── Transitions ── */
  --transition-fast:   200ms ease;
  --transition-normal: 400ms ease;

  /* ── Z-index ── */
  --z-nav:     1000;
  --z-overlay: 2000;
}