/* Pegs design tokens v0.1 — mobile-first. WCAG AA verified pairs noted. */
:root{
  /* colour: neutral */
  --color-bg:#F7F6F3; --color-surface:#FFFFFF; --color-surface-sunken:#EFEDE8;
  --color-border:#DAD6CC; --color-text:#1D1B16; --color-text-secondary:#5A564C; /* 7.0:1 on surface */
  /* colour: brand + semantic */
  --color-brand:#1F5FD6; --color-brand-strong:#1747A3; --color-brand-tint:#E6EEFC; --color-on-brand:#FFFFFF; /* 5.6:1 */
  --color-success:#17693A; --color-success-tint:#E3F4EA;
  --color-warning:#8A5300; --color-warning-tint:#FFF1D6;
  --color-danger:#B3261E;  --color-danger-tint:#FCE8E6;
  --color-focus:#0B3FA8;
  /* per-child identity (never colour alone: always paired with name/initial) */
  --child-1:#7A3FD1; --child-1-tint:#F0E8FB;
  --child-2:#0E7C6B; --child-2-tint:#DDF3EF;
  /* type */
  --font-sans:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --text-xs:12px; --text-sm:14px; --text-md:16px; --text-lg:20px; --text-xl:28px;
  --lh-tight:1.25; /* @kind font */ --lh-body:1.5; /* @kind font */ --weight-regular:400; --weight-strong:700;
  /* spacing (4pt) */
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:24px; --space-6:32px; --space-7:48px;
  /* radii, shadow, motion */
  --radius-sm:8px; --radius-md:14px; --radius-pill:999px;
  --shadow-1:0 1px 2px rgba(29,27,22,.08); --shadow-2:0 8px 24px rgba(29,27,22,.14);
  --motion-fast:120ms; /* @kind other */ --motion-base:200ms; /* @kind other */ --ease:cubic-bezier(.2,.7,.2,1); /* @kind other */
  --target-min:44px;
  /* breakpoints (documented; use in @media): sm 600, md 900, lg 1200 */
}
@media (prefers-reduced-motion:reduce){:root{--motion-fast:0ms; /* @kind other */ --motion-base:0ms; /* @kind other */}}