/* GENERATED from data/design.yml by `make build`. DO NOT HAND-EDIT. */
:root {
  --paper: #faf9f5;
  --card: #ffffff;
  --wash: #f0eee6;
  --line: #e3e0d6;
  --line-2: #b0aea5;
  --ink: #141413;
  --mute: #5f5e58;
  --given: #3a72a6;
  --focus: #c1572f;
  --done: #5b6e43;
  --tension: #a8402f;
  --on-color: #ffffff;
  --font: Poppins, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
  --mono: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
  --fs-xs: 12px;
  --fs-sm: 13px;
  --fs-md: 15px;
  --fs-lg: 18px;
  --fs-xl: 24px;
  --fs-xxl: 34px;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-bold: 650;
  --s1: 4px;
  --s2: 8px;
  --s3: 12px;
  --s4: 16px;
  --s5: 24px;
  --s6: 32px;
  --s7: 48px;
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 18px;
  --r-pill: 999px;
  --sh-card: 0 1px 0 rgba(20,20,19,.04), 0 6px 18px -10px rgba(20,20,19,.18);
  --sh-lift: 0 2px 0 rgba(20,20,19,.05), 0 14px 28px -14px rgba(20,20,19,.28);
  --t-fast: 140ms;
  --t-base: 220ms;
  --t-slow: 420ms;
  --t-reveal: 900ms;
  --t-stagger: 45ms;
  --ease: cubic-bezier(.2,.7,.2,1);
  --ease-out: cubic-bezier(.16,1,.3,1);
  --grain: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.08 0 0 0 0 0.08 0 0 0 0 0.07 0 0 0 1 0'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='0.035'/></svg>");
}
@media (prefers-reduced-motion: reduce) {
  :root { --t-fast: 0ms; --t-base: 0ms; --t-slow: 0ms; --t-reveal: 0ms; --t-stagger: 0ms; }
  *, *::before, *::after { animation-duration: 0ms !important; animation-delay: 0ms !important; transition-duration: 0ms !important; }
}