/* Generated from design/tokens.json by `make tokens`. Don't edit by hand. */
.kn {
  --aubergine: #4a2350;
  --on-aubergine: #ffffff;
  --ink: #2a1230;
  --muted: #6b5670;
  --paper: #ffffff;
  --wash: #faf8fb;
  --line: #e3d8e8;
  --divider: #eee7f1;
  --lilac: #e6daf7;
  --mint: #cff1df;
  --butter: #ffebb0;
  --pink: #ffd9e0;
  --sky: #d7e8fb;
  --mist: #efe9f4;
  --field-today: var(--lilac);
  --field-add: var(--mist);
  --field-found: var(--mint);
  --field-missing: var(--butter);
  --field-recipe: var(--butter);
  --field-out: var(--pink);
  --field-week: var(--sky);
  --protein-track: #ffd2dc;
  --protein-fill: #f2a0b4;
  --carbs-track: #ffe7a0;
  --carbs-fill: #f0cb5c;
  --fiber-track: #c4efd6;
  --fiber-fill: #8dd3ae;
  --fat-track: #cce4ff;
  --fat-fill: #94bdea;
  --over: #a3324f;
  --camera: #22182a;
  --camera-top: #3a2c42;
  --scrim: rgba(42,18,48,0.4);
  --camera-status: rgba(0,0,0,0.35);
  --space-2: 2px;
  --space-4: 4px;
  --space-6: 6px;
  --space-8: 8px;
  --space-10: 10px;
  --space-12: 12px;
  --space-14: 14px;
  --space-16: 16px;
  --space-20: 20px;
  --space-28: 28px;
  --radius-bar: 4px;
  --radius-tag: 6px;
  --radius-control: 10px;
  --radius-button: 12px;
  --radius-tab: 14px;
  --radius-sheet: 20px;
  --radius-round: 999px;
  --size-button: 56px;
  --size-segment: 52px;
  --size-control: 44px;
  --size-row: 64px;
  --size-part-row: 72px;
  --size-tabbar: 88px;
  --size-gutter: 16px;
  --shadow-outline: inset 0 0 0 1px #e3d8e8;
  --shadow-input-active: inset 0 0 0 2px #4a2350;
  --shadow-segment: 0 1px 2px rgba(42,18,48,0.12);
  --shadow-bar-top: 0 -1px 0 #eee7f1;
  --font-sans: "Albert Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
}
.kn .display-xl { font-size: 92px; line-height: 0.92; font-weight: 800; letter-spacing: -0.045em; }
.kn .display-l { font-size: 72px; line-height: 0.92; font-weight: 800; letter-spacing: -0.045em; }
.kn .display-m { font-size: 56px; line-height: 0.92; font-weight: 800; letter-spacing: -0.045em; }
.kn .title-xl { font-size: 40px; line-height: 1.02; font-weight: 800; letter-spacing: -0.03em; }
.kn .title-l { font-size: 34px; line-height: 1.02; font-weight: 800; letter-spacing: -0.03em; }
.kn .title-m { font-size: 30px; line-height: 1.1; font-weight: 700; letter-spacing: -0.02em; }
.kn .second { font-size: 26px; line-height: 1.1; font-weight: 700; letter-spacing: -0.02em; }
.kn .heading { font-size: 22px; line-height: 1.2; font-weight: 700; letter-spacing: -0.01em; }
.kn .lead { font-size: 17px; line-height: 1.4; font-weight: 500; }
.kn .body-strong { font-size: 16px; line-height: 1.35; font-weight: 600; }
.kn .body { font-size: 16px; line-height: 1.45; font-weight: 400; }
.kn .label { font-size: 13px; line-height: 1.3; font-weight: 600; }
.kn .meta { font-size: 13px; line-height: 1.4; font-weight: 400; }
.kn .caption { font-size: 12px; line-height: 1.3; font-weight: 500; }
.kn .code { font-size: 12px; line-height: 1.65; font-weight: 400; }