/* Iron & Oven — generated from tokens.json */
:root, [data-theme="dark"] {
  --charcoal: #121212;
  --soot: #1f1d1b;
  --ash: #8a8578;
  --bone: #ede6d6;
  --parchment: #f6f1e4;
  --ember: #d65b2c;
  --ember-print: #d9541e;
  --ember-ink: var(--ember);
  --coal-red: #7a2e12;
  --bg: var(--charcoal);
  --surface: var(--soot);
  --surface-raised: #2a2724;
  --hairline: #2e2b28;
  --track: #2e2b28;
  --ink: var(--bone);
  --ink-muted: var(--ash);
  --ink-faint: #5c584f;
  --on-ember: var(--bone);
  --ember-pressed: var(--coal-red);
  --ember-tint: #d65b2c26;
  --ember-glow: #d65b2c3d;
  --danger: var(--coal-red);
  --on-danger: var(--bone);
  --danger-ink: #e8647a;
  --focus: var(--ember);
  --scrim: #12121299;
  --data-protein: #5b8def;
  --data-carbs: #c9a227;
  --data-fat: #9a6fd1;
  --data-water: #3fa7c9;
  --data-sleep: #6b66c9;
  --data-heart: #d9485c;
  --glow-ember: 0 0 24px 0 #d65b2c3d;
}
[data-theme="light"] {
  --charcoal: #121212;
  --soot: #1f1d1b;
  --ash: #8a8578;
  --bone: #ede6d6;
  --parchment: #f6f1e4;
  --ember: #e8713f;
  --ember-print: #d9541e;
  --ember-ink: #c9521f;
  --coal-red: #7a2e12;
  --bg: var(--bone);
  --surface: var(--parchment);
  --surface-raised: #e6dfcd;
  --hairline: #dcd4c2;
  --track: #dcd4c2;
  --ink: var(--charcoal);
  --ink-muted: #5e5a50;
  --ink-faint: #9a958a;
  --on-ember: #ffffff;
  --ember-pressed: #d4592a;
  --ember-tint: #e8713f24;
  --ember-glow: #e8713f33;
  --danger: var(--coal-red);
  --on-danger: var(--bone);
  --danger-ink: #9e2b2b;
  --focus: var(--ember);
  --scrim: #12121280;
  --data-protein: #3566c9;
  --data-carbs: #8f7114;
  --data-fat: #7347b0;
  --data-water: #1f7f9e;
  --data-sleep: #4f4aa8;
  --data-heart: #b9303f;
  --glow-ember: 0 0 20px 0 #e8713f33;
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --chat-indent: 38px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-pill: 999px;
  --size-touch: 44px;
  --size-avatar: 28px;
  --size-avatar-lg: 40px;
  --size-icon: 20px;
  --size-tab-icon: 24px;
  --size-week-dot: 36px;
  --size-ring: 112px;
  --stroke-ring: 12px;
  --stroke-outline: 1.5px;
  --opacity-disabled: 0.4;
  --opacity-done: 0.75;
  --opacity-grain: 0.06;
  --duration-fast: 150ms;
  --duration-base: 200ms;
  --duration-slow: 250ms;
  --font-display: "Archivo Black", "Arial Black", Impact, sans-serif;
  --font-text: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro", Inter, "Helvetica Neue", Arial, sans-serif;
  --font-mono: "SF Mono", ui-monospace, Menlo, Consolas, monospace;
}
@font-face { font-family: "Archivo Black"; src: url("/fonts/ArchivoBlack-Regular.ttf") format("truetype"); font-display: swap; font-weight: 400; font-style: normal; }
.display-xl { font-family: var(--font-display); font-size: 44px; line-height: 48px; font-weight: 400; letter-spacing: -0.5px; }
.display-lg { font-family: var(--font-display); font-size: 34px; line-height: 38px; font-weight: 400; letter-spacing: -0.25px; }
.display { font-family: var(--font-display); font-size: 28px; line-height: 32px; font-weight: 400; }
.display-sm { font-family: var(--font-display); font-size: 24px; line-height: 28px; font-weight: 400; }
.display-xs { font-family: var(--font-display); font-size: 17px; line-height: 22px; font-weight: 400; }
.wordmark { font-family: var(--font-display); font-size: 20px; line-height: 24px; font-weight: 400; letter-spacing: 0.4px; }
.title { font-family: var(--font-text); font-size: 22px; line-height: 28px; font-weight: 700; }
.headline { font-family: var(--font-text); font-size: 17px; line-height: 22px; font-weight: 600; }
.body { font-family: var(--font-text); font-size: 17px; line-height: 22px; font-weight: 400; }
.callout { font-family: var(--font-text); font-size: 16px; line-height: 21px; font-weight: 400; }
.subheadline { font-family: var(--font-text); font-size: 15px; line-height: 20px; font-weight: 400; }
.footnote { font-family: var(--font-text); font-size: 13px; line-height: 18px; font-weight: 400; }
.caption { font-family: var(--font-text); font-size: 12px; line-height: 16px; font-weight: 400; }
.caption-2 { font-family: var(--font-text); font-size: 11px; line-height: 13px; font-weight: 500; }
.label-caps { font-family: var(--font-text); font-size: 12px; line-height: 16px; font-weight: 700; letter-spacing: 0.72px; }
.mono { font-family: var(--font-mono); font-size: 13px; line-height: 18px; font-weight: 400; }