/* Generated by scripts/gen-design.mjs from design/. Do not edit. */
:root {
  --color-paper: #F7F1E7;
  --color-paper-deep: #EADFD0;
  --color-card: #FFFFFF;
  --color-ink: #33261F;
  --color-ink-soft: #514336;
  --color-gold: #C08A33;
  --color-gold-deep: #86591B;
  --color-rust-deep: #8E4535;
  --color-kai: #4E6E62;
  --color-sun: #F5E1BC;
  --color-field: #8E7F6E;
  --bg: var(--color-paper);
  --surface: var(--color-card);
  --surface-alt: var(--color-paper-deep);
  --line: var(--color-paper-deep);
  --control: var(--color-field);
  --rule: var(--color-gold);
  --text: var(--color-ink);
  --text-soft: var(--color-ink-soft);
  --accent: var(--color-gold-deep);
  --accent-text: var(--color-paper);
  --focus: var(--color-gold-deep);
  --needs: var(--color-rust-deep);
  --running: var(--color-gold-deep);
  --parked: var(--color-ink-soft);
  --done: var(--color-kai);
  --late: var(--color-rust-deep);
  --notice-bg: var(--color-sun);
  --font-display: "Fraunces", Georgia, serif;
  --font-body: "Karla", system-ui, sans-serif;
  --space-hairline: 2px;
  --space-s1: 4px;
  --space-s2: 8px;
  --space-s3: 12px;
  --space-s4: 16px;
  --space-s5: 24px;
  --space-s6: 32px;
  --space-gutter-min: 20px;
  --space-gutter-max: 64px;
  --radius-s: 8px;
  --radius-m: 14px;
  --radius-l: 22px;
  --radius-pill: 999px;
  --shadow-card: 0 1px 2px rgba(51, 38, 31, 0.05), 0 2px 10px rgba(51, 38, 31, 0.07);
  --shadow-lift: 0 1px 2px rgba(51, 38, 31, 0.05), 0 10px 28px rgba(51, 38, 31, 0.14);
  --shadow-sheet: 0 1px 2px rgba(51, 38, 31, 0.05), 0 16px 48px rgba(51, 38, 31, 0.22);
  --motion-fast: 140ms;
  --motion-base: 260ms;
  --motion-slow: 420ms;
  --motion-ambient: 3200ms;
  --ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --line: 1px;
  --layout-min: 360px;
  --layout-columns2: 720px;
  --layout-columns4: 1040px;
  --layout-detail: 560px;
}

.t-title {
  font-family: var(--font-display);
  font-size: 2.125rem;
  font-weight: 500;
  line-height: 1.05;
  letter-spacing: -0.02em;
  font-variation-settings: 'SOFT' 60, 'WONK' 1;
}
.t-heading {
  font-family: var(--font-display);
  font-size: 1.625rem;
  font-weight: 500;
  line-height: 1.12;
  letter-spacing: -0.015em;
  font-variation-settings: 'SOFT' 60, 'WONK' 1;
}
.t-card-title {
  font-family: var(--font-display);
  font-size: 1.1875rem;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.015em;
  font-variation-settings: 'SOFT' 60, 'WONK' 1;
}
.t-body {
  font-family: var(--font-body);
  font-size: 1.0625rem;
  font-weight: 400;
  line-height: 1.5;
}
.t-strong {
  font-family: var(--font-body);
  font-size: 1.0625rem;
  font-weight: 700;
  line-height: 1.3;
}
.t-small {
  font-family: var(--font-body);
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.5;
}
.t-column {
  font-family: var(--font-body);
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.3;
}
.t-label {
  font-family: var(--font-body);
  font-size: 0.6875rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.t-button {
  font-family: var(--font-body);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.2;
}