/**
 * Design tokens — Rainey Shah portfolio
 * Pastel palette + surfaces (single source of truth for experiments).
 *
 * Pastel logo: svg/Logo.svg exposes a <symbol id="logo"> whose accent
 * paths use fill="currentColor". Reference it via <svg><use href="svg/Logo.svg#logo"/></svg>
 * and set `color: var(--pastel-NN)` to recolor — no per-color SVG files needed.
 */
:root {
  /* Surfaces */
  --bg: #FAF7EC;
  --surface-card: #FBF8F1;
  --text: #000000;
  --accent: #BF5700;

  /* Bold accent palette — logo SVG variants (Designs section) */
  --pastel-01-black: #000000;
  --pastel-02-sky-milk: #3B82F6;
  --pastel-03-mint-cream: #10B981;
  --pastel-04-butter: #F59E0B;
  --pastel-05-blush: #EC4899;
  --pastel-06-apricot: #F97316;
  --pastel-07-ice-cyan: #06B6D4;
  --pastel-08-soft-violet: #8B5CF6;
  --pastel-09-pistachio: #65A30D;
  --pastel-10-rose-milk: #E11D48;

  /* Numeric aliases (drive svg/Logo.svg #logo via `color`) */
  --pastel-01: var(--pastel-01-black);
  --pastel-02: var(--pastel-02-sky-milk);
  --pastel-03: var(--pastel-03-mint-cream);
  --pastel-04: var(--pastel-04-butter);
  --pastel-05: var(--pastel-05-blush);
  --pastel-06: var(--pastel-06-apricot);
  --pastel-07: var(--pastel-07-ice-cyan);
  --pastel-08: var(--pastel-08-soft-violet);
  --pastel-09: var(--pastel-09-pistachio);
  --pastel-10: var(--pastel-10-rose-milk);

  --surface-header: var(--bg);

  --font: "Iowan Old Style", "Palatino", "Georgia", serif;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --header-h: calc(64px + 1.25rem);
}