/* ============================================================
   VantageCraft Labs — design tokens
   Source of truth: VantageCraftLabs-BrandDNA-v2.html
   Every color, font, spacing, radius and motion value on the
   site lives here. No hex values anywhere else.
   ============================================================ */

:root {
  /* — Darkroom system (verbatim from the DNA doc) — */
  --aubergine: #2B1229;   /* primary dark bg · replaces black everywhere */
  --darkroom:  #1D0B1B;   /* footer / deepest layer · only below aubergine */
  --plum:      #43203F;   /* panels, cards, inputs on dark · never as text */
  --peach:     #FF9E7A;   /* THE accent · one per screen region · text on it: darkroom */
  --peach-deep:#E87A52;   /* hover / pressed · the only peach allowed as text on shell */
  --orchid:    #E9C8E4;   /* secondary emphasis on dark · never a button */
  --shell:     #FAF4EF;   /* light bg · headlines on dark · replaces white */
  --mauve:     #9A7E96;   /* secondary text on aubergine only (fails AA on plum) */
  --ink:       #2B1229;   /* text on light = aubergine, not black */
  --ink-soft:  #6E5A6B;   /* secondary text on light */
  --line-l:    #E8DCE0;   /* hairlines on light */

  /* — Type — */
  --disp: 'Space Grotesk', sans-serif;
  --body: 'Work Sans', sans-serif;
  --mono: 'Space Mono', monospace;

  --fs-h1:    clamp(2.75rem, 4.5vw + 1.4rem, 4.25rem);  /* 44 → 68px */
  --fs-h2:    clamp(1.875rem, 1.2vw + 1.5rem, 2.375rem);/* 30 → 38px */
  --fs-h3:    1.25rem;                                   /* 20px */
  --fs-row:   clamp(1.375rem, 1vw + 1.05rem, 1.75rem);   /* service names 22 → 28px */
  --fs-body:  1rem;                                      /* 16px */
  --fs-small: 0.9375rem;                                 /* 15px */
  --fs-label: 0.75rem;                                   /* 12px mono eyebrows */
  --fs-micro: 0.6875rem;                                 /* 11px mono meta */

  --track-h1:    -0.02em;
  --track-h2:    -0.015em;
  --track-label:  0.14em;

  --lh-display: 1.05;
  --lh-body:    1.6;

  /* — Layout & space — */
  --wrap-max:    1100px;
  --wrap-pad:    24px;
  --section-pad: clamp(72px, 10vw, 120px);

  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;
  --s-7: 48px;
  --s-8: 64px;

  /* — Radii (match DNA components) — */
  --r-btn: 9px;
  --r-md: 12px;
  --r-lg: 16px;

  /* — Motion — */
  --ease:       cubic-bezier(0.2, 0.7, 0.2, 1);
  --dur-fast:   160ms;
  --dur-reveal: 480ms;
  --dur-hero:   500ms;
}