/* YeAhP design tokens. One accent, two surfaces, three type roles. */
:root {
  /* colour */
  --ink: #171330;
  --ink-2: #221c42;
  --ink-3: #2e2756;
  --paper: #f7f6fb;
  --paper-2: #edebf5;
  --line: #d6d2e6;
  --line-ink: #3a3364;
  --muted: #5e5880;
  --muted-ink: #b4aed0;
  --accent: #6a48d7;
  --accent-deep: #4b2fb3;
  --accent-soft: #e6e0f8;
  --accent-on-ink: #9d85ec;
  --ok: #2f7a5a;
  --err: #b3362f;

  /* type */
  --font-display: "Bricolage Grotesque", "Outfit", system-ui, sans-serif;
  --font-body: "Instrument Sans", "Public Sans", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

  --t-1: clamp(2.6rem, 1.4rem + 5vw, 5.4rem);     /* h1 */
  --t-2: clamp(2rem, 1.2rem + 3vw, 3.4rem);       /* h2 */
  --t-3: clamp(1.35rem, 1.1rem + 1vw, 1.8rem);    /* h3 */
  --t-4: 1.125rem;                                /* lead */
  --t-5: 1rem;                                    /* body */
  --t-6: 0.875rem;                                /* small */
  --t-7: 0.8125rem;                               /* mono labels */

  --lh-tight: 1.02;
  --lh-snug: 1.15;
  --lh-body: 1.55;

  /* space, 8px scale */
  --s-1: 0.25rem;
  --s-2: 0.5rem;
  --s-3: 0.75rem;
  --s-4: 1rem;
  --s-5: 1.5rem;
  --s-6: 2rem;
  --s-7: 3rem;
  --s-8: 4rem;
  --s-9: 6rem;
  --s-10: 8rem;
  --section: clamp(4rem, 2.5rem + 5vw, 7rem);

  /* shape */
  --r-1: 6px;
  --r-2: 12px;
  --r-3: 20px;
  --r-pill: 999px;

  /* layout */
  --max: 1240px;
  --gutter: clamp(1.25rem, 4vw, 3rem);
  --road-w: 44px;

  /* shadow, tinted toward the ink hue */
  --shadow-1: 0 1px 2px rgba(23, 19, 48, 0.06), 0 4px 14px rgba(23, 19, 48, 0.07);
  --shadow-2: 0 2px 4px rgba(23, 19, 48, 0.08), 0 18px 40px rgba(23, 19, 48, 0.14);

  /* motion */
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --fast: 140ms;
  --base: 260ms;
}