/* Hallmark · tokens · Havoc Agency — v3
 * theme: restrained-gaming · warm light grey + raspberry rose · vector-only graphics
 * axes: paper=light · display=geometric-display (Russo One) · accent=warm-rose
 * palette locked from client reference (concept-art/palette-v3.png)
 */
:root {
  /* ---- Surfaces (warm light grey) ---- */
  --color-paper:    #ECEAE8;   /* page background, breathing space */
  --color-paper-2:  #E1DDDC;   /* cards / panels */
  --color-paper-3:  #D5D1D2;   /* nested blocks */
  --color-line:     #C7C7C7;   /* hairline borders / dividers */
  --color-white:    #F7F6F5;   /* raised chip / button-on-band */

  /* ---- Ink (graphite, never black) ---- */
  --color-ink:      #2C2A2C;   /* headings + primary text */
  --color-ink-soft: #6B6668;   /* secondary text, HUD labels */
  --color-ink-faint:#9A9598;   /* tertiary, ticks */

  /* ---- Accent (raspberry rose, used sparingly) ---- */
  --color-accent:      #DD4A70;
  --color-accent-deep: #C63A5F;   /* hover, gradient end */
  --color-accent-soft: #EB7C9C;   /* soft lines, secondary */
  --color-accent-tint: #F4DEE4;   /* light plates */
  --color-accent-bright:#FF2E7A;  /* vivid rose — pixel cursor */
  --color-focus:       #C63A5F;

  /* ---- Wildcard accent: lime (used tiny — HUD live, H hover, cursor) ---- */
  --color-lime:      #C6FF2E;
  --color-lime-deep: #A6E000;
  --color-lime-glow: rgba(198,255,46,.55);

  /* ---- Gradients / effects ---- */
  --grad-band: linear-gradient(103deg, var(--color-accent) 0%, var(--color-accent-deep) 100%);
  --grad-soft: linear-gradient(160deg, var(--color-paper) 0%, var(--color-paper-2) 100%);
  --shadow-card: 0 1px 0 #ffffff88 inset, 0 10px 30px -22px #2c2a2c40;
  --shadow-btn:  0 8px 20px -10px #dd4a7066;

  /* faint tech grid (code-drawn background) */
  --grid-ink: rgba(44,42,44,.055);
  --grid-rose: rgba(221,74,112,.10);
  --grid-size: 30px;

  /* ---- Type ---- */
  --font-display: "Russo One", system-ui, sans-serif;
  --font-body:    "Onest", system-ui, -apple-system, sans-serif;

  --text-xs:   0.75rem;
  --text-sm:   0.8125rem;
  --text-base: 1rem;
  --text-lg:   1.1875rem;
  --text-xl:   1.5rem;
  --text-2xl:  2rem;
  --text-3xl:  clamp(1.9rem, 3.4vw, 2.75rem);
  --text-4xl:  clamp(2.4rem, 5.2vw, 3.75rem);
  --text-display: clamp(2.9rem, 6.6vw, 5.4rem);

  /* ---- Space (4pt) ---- */
  --space-2xs: 0.25rem;
  --space-xs:  0.5rem;
  --space-sm:  0.75rem;
  --space-md:  1rem;
  --space-lg:  1.5rem;
  --space-xl:  2.5rem;
  --space-2xl: 4rem;
  --space-3xl: 6.5rem;

  /* ---- Motion ---- */
  --dur-fast: 140ms;
  --dur-mid:  300ms;
  --dur-slow: 680ms;
  --ease-out:    cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in:     cubic-bezier(0.55, 0, 1, 0.45);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);

  /* ---- Radius / rule ---- */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-pill: 999px;
  --rule: 1px solid var(--color-line);
}