/* Generated from apps/ios/Krug/UI/Palette.swift and Style.swift — edit the Swift, then rebuild. */
:root, [data-theme=light] {
  --bg: #f5f5f7;
  --surface: #ffffff;
  --surfaceMuted: #ededf0;
  --text: #111114;
  --textSecondary: #696971;
  --textTertiary: #8d8d97;
  --accent: #3b6cf6;
  --kcal: #5db523;
  --protein: #f2626c;
  --fat: #f2a63b;
  --carbs: #4e8af4;
  --kcalInk: #519d1e;
  --proteinInk: #f15661;
  --fatInk: #c97b0d;
  --carbsInk: #4e8af4;
  --track-alpha: 0.2;
}
/* A page that doesn't set data-theme follows the system. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]) {
    --bg: #000000;
    --surface: #1c1c1e;
    --surfaceMuted: #2c2c2e;
    --text: #ffffff;
    --textSecondary: #9a9a9e;
    --textTertiary: #6b6b70;
    --accent: #6a99ff;
    --kcal: #92cf2c;
    --protein: #ff7a82;
    --fat: #ffb454;
    --carbs: #6b9fff;
    --kcalInk: #92cf2c;
    --proteinInk: #ff7a82;
    --fatInk: #ffb454;
    --carbsInk: #6b9fff;
    --track-alpha: 0.28;
  }
}
[data-theme=dark] {
  --bg: #000000;
  --surface: #1c1c1e;
  --surfaceMuted: #2c2c2e;
  --text: #ffffff;
  --textSecondary: #9a9a9e;
  --textTertiary: #6b6b70;
  --accent: #6a99ff;
  --kcal: #92cf2c;
  --protein: #ff7a82;
  --fat: #ffb454;
  --carbs: #6b9fff;
  --kcalInk: #92cf2c;
  --proteinInk: #ff7a82;
  --fatInk: #ffb454;
  --carbsInk: #6b9fff;
  --track-alpha: 0.28;
}
:root {
  --onCamera: rgba(255, 255, 255, 1);
  --cameraBackdrop: rgba(0, 0, 0, 1);
  --ringShadow: rgba(0, 0, 0, 0.45);
  --space-2: 2px;
  --space-4: 4px;
  --space-5: 5px;
  --space-6: 6px;
  --space-8: 8px;
  --space-10: 10px;
  --space-12: 12px;
  --space-14: 14px;
  --space-16: 16px;
  --space-20: 20px;
  --space-24: 24px;
  --space-28: 28px;
  --space-32: 32px;
  --radius-card: 20px;
  --motion-stadium: 0.65s cubic-bezier(.22,.61,.36,1);
  --motion-rings: 0.7s cubic-bezier(.22,.61,.36,1);
  --motion-pill: 0.22s cubic-bezier(.2,.9,.3,1.05);
  --motion-reveal: 0.25s cubic-bezier(.2,.9,.3,1.05);
  --motion-page: 0.35s cubic-bezier(.22,.61,.36,1);
  --motion-panel: 0.2s cubic-bezier(.22,.61,.36,1);
  --motion-number: 0.5s cubic-bezier(.2,.9,.3,1.05);
  --text-largeTitle: 2.125rem;
  --leading-largeTitle: 2.5625rem;
  --text-title: 1.75rem;
  --leading-title: 2.125rem;
  --text-title2: 1.375rem;
  --leading-title2: 1.75rem;
  --text-title3: 1.25rem;
  --leading-title3: 1.5625rem;
  --text-body: 1.0625rem;
  --leading-body: 1.375rem;
  --text-subheadline: 0.9375rem;
  --leading-subheadline: 1.25rem;
  --text-footnote: 0.8125rem;
  --leading-footnote: 1.125rem;
  --text-caption: 0.75rem;
  --leading-caption: 1rem;
}