/* Generated from design/tokens.json by design/build-tokens.mjs. Edit the JSON, then `npm run tokens`. */
:root {
  color-scheme: light;
  --page: #f5f5f7;
  --card: #ffffff;
  --bar: #fafafc;
  --ink: #1d1d1f;
  --ink-2: #333333;
  --muted: #6e6e73;
  --faint: #86868b;
  --hair: #d2d2d7;
  --soft: #e8e8ed;
  --pressed: #ececf0;
  --accent: #0071e3;
  --link: #0066cc;
  --on-accent: #ffffff;
  --accent-tint: #e8f2fd;
  --wash: rgba(0, 113, 227, 0.08);
  --wash-strong: rgba(0, 113, 227, 0.2);
  --green: #008009;
  --green-tint: #f5fff6;
  --green-wash: #e6f4e8;
  --green-wash-best: #d4eed9;
  --orange: #b64400;
  --orange-tint: #fff9f4;
  --red: #e30000;
  --red-tint: #fff2f4;
  --red-soft: #f2b8bd;
  --backdrop: rgba(0, 0, 0, 0.28);
  --glass: rgba(255, 255, 255, 0.92);
  --store-lidl: #0050aa;
  --store-aldi: #0089cc;
  --store-kaufland: #e10915;
  --store-dm: #0f8a7a;
  --store-rewe: #6250d6;
  --store-edeka: #7d6a00;
  --store-rossmann: #a8327f;
  --store-mueller: #2f7d32;
  --store-scheckin: #1f5f8b;
  --store-penny: #a11717;
  --store-netto: #86245a;
  --series-1: #2a78d6;
  --series-2: #eb6834;
  --series-3: #1baf7a;
  --series-4: #eda100;
  --series-5: #e87ba4;
  --shadow-card: rgba(0, 0, 0, 0.08) 2px 4px 12px;
  --shadow-pop: 0 6px 20px rgba(0, 0, 0, 0.1);
  --shadow-tip: rgba(0, 0, 0, 0.16) 2px 4px 16px;
  --shadow-fab: 0 4px 14px rgba(0, 113, 227, 0.35);
  --avatar-1: #af52de;
  --avatar-2: #34a853;
  --avatar-3: #ff9500;
  --avatar-4: #5856d6;
  --avatar-5: #ff2d55;
  --avatar-6: #00a3bf;
  --space-xxs: 4px;
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 17px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-xxl: 48px;
  --space-section: 80px;
  --radius-xs: 5px;
  --radius-sm: 8px;
  --radius-md: 11px;
  --radius-lg: 18px;
  --radius-control: 12px;
  --radius-pill: 980px;
  --text-micro: 11px;
  --text-fine: 12px;
  --text-small: 13px;
  --text-caption: 14px;
  --text-ops: 15px;
  --text-body: 17px;
  --text-lead: 19px;
  --text-title: 21px;
  --text-stat: 24px;
  --text-page: 28px;
  --text-display: 34px;
  --touch: 44px;
  --logo-sm: 18px;
  --logo-md: 24px;
  --logo-lg: 28px;
  --logo-xl: 32px;
  --font: -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, Inter, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, monospace;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --page: #161617;
    --card: #272729;
    --bar: #1d1d1f;
    --ink: #f5f5f7;
    --ink-2: #d2d2d7;
    --muted: #a1a1a6;
    --faint: #86868b;
    --hair: #424245;
    --soft: #333336;
    --pressed: #333336;
    --accent: #2997ff;
    --link: #2997ff;
    --on-accent: #ffffff;
    --accent-tint: rgba(41, 151, 255, 0.16);
    --wash: rgba(41, 151, 255, 0.12);
    --wash-strong: rgba(41, 151, 255, 0.28);
    --green: #30d158;
    --green-tint: rgba(48, 209, 88, 0.12);
    --green-wash: rgba(48, 209, 88, 0.18);
    --green-wash-best: rgba(48, 209, 88, 0.26);
    --orange: #ff9f0a;
    --orange-tint: rgba(255, 159, 10, 0.12);
    --red: #ff453a;
    --red-tint: rgba(255, 69, 58, 0.12);
    --red-soft: rgba(255, 69, 58, 0.45);
    --backdrop: rgba(0, 0, 0, 0.5);
    --glass: rgba(39, 39, 41, 0.92);
    --store-lidl: #3f6fd6;
    --store-aldi: #16a5c4;
    --store-kaufland: #ee4b40;
    --store-dm: #1aa391;
    --store-rewe: #9085e9;
    --store-edeka: #c49c2a;
    --store-rossmann: #e06aa6;
    --store-mueller: #5fae5c;
    --store-scheckin: #5b9bd5;
    --store-penny: #cd1d1d;
    --store-netto: #a8487e;
    --series-1: #3987e5;
    --series-2: #d95926;
    --series-3: #199e70;
    --series-4: #c98500;
    --series-5: #d55181;
    --shadow-card: rgba(0, 0, 0, 0.4) 2px 4px 12px;
    --shadow-pop: 0 6px 20px rgba(0, 0, 0, 0.5);
    --shadow-tip: rgba(0, 0, 0, 0.6) 2px 4px 16px;
    --shadow-fab: 0 4px 14px rgba(41, 151, 255, 0.35);
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --page: #161617;
  --card: #272729;
  --bar: #1d1d1f;
  --ink: #f5f5f7;
  --ink-2: #d2d2d7;
  --muted: #a1a1a6;
  --faint: #86868b;
  --hair: #424245;
  --soft: #333336;
  --pressed: #333336;
  --accent: #2997ff;
  --link: #2997ff;
  --on-accent: #ffffff;
  --accent-tint: rgba(41, 151, 255, 0.16);
  --wash: rgba(41, 151, 255, 0.12);
  --wash-strong: rgba(41, 151, 255, 0.28);
  --green: #30d158;
  --green-tint: rgba(48, 209, 88, 0.12);
  --green-wash: rgba(48, 209, 88, 0.18);
  --green-wash-best: rgba(48, 209, 88, 0.26);
  --orange: #ff9f0a;
  --orange-tint: rgba(255, 159, 10, 0.12);
  --red: #ff453a;
  --red-tint: rgba(255, 69, 58, 0.12);
  --red-soft: rgba(255, 69, 58, 0.45);
  --backdrop: rgba(0, 0, 0, 0.5);
  --glass: rgba(39, 39, 41, 0.92);
  --store-lidl: #3f6fd6;
  --store-aldi: #16a5c4;
  --store-kaufland: #ee4b40;
  --store-dm: #1aa391;
  --store-rewe: #9085e9;
  --store-edeka: #c49c2a;
  --store-rossmann: #e06aa6;
  --store-mueller: #5fae5c;
  --store-scheckin: #5b9bd5;
  --store-penny: #cd1d1d;
  --store-netto: #a8487e;
  --series-1: #3987e5;
  --series-2: #d95926;
  --series-3: #199e70;
  --series-4: #c98500;
  --series-5: #d55181;
  --shadow-card: rgba(0, 0, 0, 0.4) 2px 4px 12px;
  --shadow-pop: 0 6px 20px rgba(0, 0, 0, 0.5);
  --shadow-tip: rgba(0, 0, 0, 0.6) 2px 4px 16px;
  --shadow-fab: 0 4px 14px rgba(41, 151, 255, 0.35);
}