/* Generated by tools/build_tokens.py from design/tokens/*.tokens.json. Do not edit. */
@layer reference, semantic, theme, app, locked;

@layer reference {
  :root {
    --ref-color-amber-100: #FFF1CC;
    --ref-color-amber-150: #FFE3C2;
    --ref-color-amber-300: #FFB35C;
    --ref-color-amber-500: #D0921F;
    --ref-color-amber-700: #B25400;
    --ref-color-amber-800: #A86B00;
    --ref-color-coral-100: #FFE6DD;
    --ref-color-coral-400: #E8896B;
    --ref-color-coral-700: #B04A2A;
    --ref-color-green-100: #DDF6E2;
    --ref-color-green-150: #D3F2DF;
    --ref-color-green-300: #8EE59B;
    --ref-color-green-500: #2E9E5B;
    --ref-color-green-700: #1E8A45;
    --ref-color-green-800: #11743A;
    --ref-color-ink-050: #F5F7FF;
    --ref-color-ink-300: #B6C2D9;
    --ref-color-ink-450: #8A96AD;
    --ref-color-ink-500: #8294B2;
    --ref-color-ink-700: #28364F;
    --ref-color-ink-800: #1D2940;
    --ref-color-ink-900: #121A2B;
    --ref-color-iris-100: #ECE6FF;
    --ref-color-iris-150: #D8CAFF;
    --ref-color-iris-200: #C2B3FF;
    --ref-color-iris-300: #B9A7FF;
    --ref-color-iris-600: #6A4FD6;
    --ref-color-iris-700: #5B3DC9;
    --ref-color-magenta-100: #FBE0F5;
    --ref-color-magenta-400: #E27AD0;
    --ref-color-magenta-700: #A3288C;
    --ref-color-mint-300: #85F0CE;
    --ref-color-mint-800: #0B6E5A;
    --ref-color-neutral-000: #FFFFFF;
    --ref-color-neutral-050: #F5F7F2;
    --ref-color-neutral-100: #EEF0F4;
    --ref-color-neutral-150: #E8ECF2;
    --ref-color-neutral-200: #E3E6EC;
    --ref-color-neutral-600: #64748B;
    --ref-color-neutral-650: #5B6679;
    --ref-color-neutral-700: #4A5870;
    --ref-color-neutral-750: #4A5568;
    --ref-color-red-100: #FFE0E4;
    --ref-color-red-300: #FF8F9E;
    --ref-color-red-700: #B4233A;
    --ref-color-sky-100: #DCEBFF;
    --ref-color-sky-300: #9CC3F5;
    --ref-color-sky-700: #2F6FC9;
    --button-primary-minHeight: 64px;
    --button-primary-radius: 8px;
    --button-service-minHeight: 48px;
    --duration-insert: 150ms;
    --duration-pulse: 1600ms;
    --duration-sheetIn: 250ms;
    --duration-sheetOut: 200ms;
    --duration-tap: 100ms;
    --easing-standard: cubic-bezier(0.2, 0, 0, 1);
    --font-family-ui: -apple-system, "SF Pro Text", "Segoe UI", Roboto, system-ui;
    --font-lineHeight-normal: 1.4;
    --font-lineHeight-tight: 1.25;
    --font-size-100: 12px;
    --font-size-200: 14px;
    --font-size-300: 16px;
    --font-size-400: 18px;
    --font-size-500: 22px;
    --font-size-600: 28px;
    --font-size-700: 36px;
    --font-size-800: 48px;
    --kds-dish-size-l: 36px;
    --kds-dish-size-m: 28px;
    --kds-dish-size-s: 22px;
    --kds-dish-size-xl: 48px;
    --keypad-key-size: 56px;
    --pill-height: 28px;
    --pill-radius: 12px;
    --radius-l: 12px;
    --radius-m: 8px;
    --radius-s: 4px;
    --sheet-in: 250ms;
    --sheet-out: 200ms;
    --sheet-radius: 12px;
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;
    --space-7: 48px;
    --table-card-minHeight: 96px;
    --table-card-radius: 8px;
    --ticket-card-padding: 16px;
    --ticket-card-radius: 8px;
    --ticket-card-stripe: 4px;
    --touch-gap: 8px;
    --touch-keypad: 56px;
    --touch-pointer: 36px;
    --touch-pointerTouch: 44px;
    --touch-primary: 64px;
    --touch-service: 48px;
  }
}

@layer semantic {
  :root, [data-theme=night] {
    color-scheme: dark;
    --accent: #85F0CE;
    --accent-ink: #121A2B;
    --bg: #121A2B;
    --border: #8294B2;
    --brand: #85F0CE;
    --category-amber-fill: #FFB35C;
    --category-amber-ink: #121A2B;
    --category-coral-fill: #E8896B;
    --category-coral-ink: #121A2B;
    --category-green-fill: #8EE59B;
    --category-green-ink: #121A2B;
    --category-iris-fill: #B9A7FF;
    --category-iris-ink: #121A2B;
    --category-magenta-fill: #E27AD0;
    --category-magenta-ink: #121A2B;
    --category-mint-fill: #85F0CE;
    --category-mint-ink: #121A2B;
    --category-neutral-fill: #E3E6EC;
    --category-neutral-ink: #121A2B;
    --category-sky-fill: #9CC3F5;
    --category-sky-ink: #121A2B;
    --floor-door-fill: #FFB35C;
    --floor-plant-fill: #8EE59B;
    --floor-stool-fill: #B9A7FF;
    --floor-table-fill: #B6C2D9;
    --floor-table-ink: #121A2B;
    --floor-wall-fill: #8294B2;
    --floor-zone-bg: #1D2940;
    --focus: #D8CAFF;
    --iris: #B9A7FF;
    --panel: #28364F;
    --paper-bg: #FFFFFF;
    --paper-ink: #121A2B;
    --surface: #1D2940;
    --text: #F5F7FF;
    --text-muted: #B6C2D9;
  }
  [data-theme=day] {
    color-scheme: light;
    --accent: #0B6E5A;
    --accent-ink: #FFFFFF;
    --bg: #F5F7F2;
    --border: #64748B;
    --brand: #0B6E5A;
    --category-amber-fill: #FFF1CC;
    --category-amber-ink: #121A2B;
    --category-coral-fill: #FFE6DD;
    --category-coral-ink: #121A2B;
    --category-green-fill: #DDF6E2;
    --category-green-ink: #121A2B;
    --category-iris-fill: #ECE6FF;
    --category-iris-ink: #121A2B;
    --category-magenta-fill: #FBE0F5;
    --category-magenta-ink: #121A2B;
    --category-mint-fill: #85F0CE;
    --category-mint-ink: #121A2B;
    --category-neutral-fill: #E3E6EC;
    --category-neutral-ink: #121A2B;
    --category-sky-fill: #DCEBFF;
    --category-sky-ink: #121A2B;
    --floor-door-fill: #B25400;
    --floor-plant-fill: #1E8A45;
    --floor-stool-fill: #6A4FD6;
    --floor-table-fill: #4A5870;
    --floor-table-ink: #FFFFFF;
    --floor-wall-fill: #28364F;
    --floor-zone-bg: #EEF0F4;
    --focus: #5B3DC9;
    --iris: #5B3DC9;
    --panel: #E8ECF2;
    --paper-bg: #FFFFFF;
    --paper-ink: #121A2B;
    --surface: #FFFFFF;
    --text: #121A2B;
    --text-muted: #4A5870;
  }
}

@layer theme {
  /* venue theme overrides: accent, brand, radius and density only (theme.schema.json) */
}

@layer locked {
  :root, [data-theme=night] {
    --connection-offline-fill: #B6C2D9;
    --connection-offline-ink: #121A2B;
    --connection-online-fill: #8EE59B;
    --connection-online-ink: #121A2B;
    --stale-banner-fill: #B6C2D9;
    --stale-banner-ink: #121A2B;
    --status-correction-fill: #E8896B;
    --status-correction-ink: #121A2B;
    --status-correction-stroke: #E8896B;
    --status-declined-fill: #FF8F9E;
    --status-declined-ink: #121A2B;
    --status-declined-stroke: #FF8F9E;
    --status-denied-ink: #121A2B;
    --status-denied-stroke: #B6C2D9;
    --status-draft-ink: #121A2B;
    --status-draft-stroke: #8294B2;
    --status-held-fill: #C2B3FF;
    --status-held-ink: #121A2B;
    --status-held-stroke: #C2B3FF;
    --status-late-fill: #FF8F9E;
    --status-late-ink: #121A2B;
    --status-late-stroke: #FF8F9E;
    --status-paid-fill: #2E9E5B;
    --status-paid-ink: #121A2B;
    --status-paid-stroke: #2E9E5B;
    --status-preparing-fill: #D0921F;
    --status-preparing-ink: #121A2B;
    --status-preparing-stroke: #D0921F;
    --status-ready-fill: #8EE59B;
    --status-ready-ink: #121A2B;
    --status-ready-stroke: #8EE59B;
    --status-reconcile-fill: #E27AD0;
    --status-reconcile-ink: #121A2B;
    --status-reconcile-stroke: #E27AD0;
    --status-sent-fill: #9CC3F5;
    --status-sent-ink: #121A2B;
    --status-sent-stroke: #9CC3F5;
    --status-served-ink: #121A2B;
    --status-served-stroke: #8A96AD;
    --status-stale-fill: #B6C2D9;
    --status-stale-ink: #121A2B;
    --status-stale-stroke: #B6C2D9;
    --status-unknown-fill: #FFB35C;
    --status-unknown-ink: #121A2B;
    --status-unknown-stroke: #FFB35C;
  }
  [data-theme=day] {
    --connection-offline-fill: #4A5568;
    --connection-offline-ink: #FFFFFF;
    --connection-online-fill: #11743A;
    --connection-online-ink: #FFFFFF;
    --stale-banner-fill: #E3E6EC;
    --stale-banner-ink: #121A2B;
    --status-correction-fill: #FFE6DD;
    --status-correction-ink: #121A2B;
    --status-correction-stroke: #B04A2A;
    --status-declined-fill: #FFE0E4;
    --status-declined-ink: #121A2B;
    --status-declined-stroke: #B4233A;
    --status-denied-ink: #121A2B;
    --status-denied-stroke: #4A5870;
    --status-draft-ink: #121A2B;
    --status-draft-stroke: #64748B;
    --status-held-fill: #ECE6FF;
    --status-held-ink: #121A2B;
    --status-held-stroke: #6A4FD6;
    --status-late-fill: #B4233A;
    --status-late-ink: #FFFFFF;
    --status-late-stroke: #B4233A;
    --status-paid-fill: #D3F2DF;
    --status-paid-ink: #121A2B;
    --status-paid-stroke: #11743A;
    --status-preparing-fill: #FFF1CC;
    --status-preparing-ink: #121A2B;
    --status-preparing-stroke: #A86B00;
    --status-ready-fill: #DDF6E2;
    --status-ready-ink: #121A2B;
    --status-ready-stroke: #1E8A45;
    --status-reconcile-fill: #FBE0F5;
    --status-reconcile-ink: #121A2B;
    --status-reconcile-stroke: #A3288C;
    --status-sent-fill: #DCEBFF;
    --status-sent-ink: #121A2B;
    --status-sent-stroke: #2F6FC9;
    --status-served-fill: #EEF0F4;
    --status-served-ink: #121A2B;
    --status-served-stroke: #5B6679;
    --status-stale-fill: #E3E6EC;
    --status-stale-ink: #121A2B;
    --status-stale-stroke: #4A5568;
    --status-unknown-fill: #FFE3C2;
    --status-unknown-ink: #121A2B;
    --status-unknown-stroke: #B25400;
  }
  .status-correction { background-color: var(--status-correction-fill); color: var(--status-correction-ink); border: 1px solid var(--status-correction-stroke); }
  .status-declined { background-color: var(--status-declined-fill); color: var(--status-declined-ink); border: 1px solid var(--status-declined-stroke); }
  .status-denied { background-color: transparent; color: var(--text); border: 2px solid var(--status-denied-stroke); }
  .status-draft { background-color: transparent; color: var(--text); border: 2px dashed var(--status-draft-stroke); }
  .status-held { background-color: var(--status-held-fill); color: var(--status-held-ink); border: 2px dashed var(--status-held-stroke); }
  .status-late { background-color: var(--status-late-fill); color: var(--status-late-ink); border: 1px solid var(--status-late-stroke); }
  .status-paid { background-color: var(--status-paid-fill); color: var(--status-paid-ink); border: 1px solid var(--status-paid-stroke); }
  .status-preparing { background-color: var(--status-preparing-fill); color: var(--status-preparing-ink); border-left: 4px solid var(--status-preparing-stroke); }
  .status-ready { background-color: var(--status-ready-fill); color: var(--status-ready-ink); border: 1px solid var(--status-ready-stroke); }
  .status-reconcile { background-color: var(--status-reconcile-fill); color: var(--status-reconcile-ink); background-image: repeating-linear-gradient(45deg, rgba(18, 26, 43, 0.22) 0 4px, transparent 4px 10px); border: 2px dashed var(--status-reconcile-stroke); }
  .status-sent { background-color: var(--status-sent-fill); color: var(--status-sent-ink); border-left: 4px solid var(--status-sent-stroke); }
  .status-served { background-color: transparent; color: var(--text); border: 2px solid var(--status-served-stroke); }
  .status-stale { background-color: var(--status-stale-fill); color: var(--status-stale-ink); background-image: repeating-linear-gradient(45deg, rgba(18, 26, 43, 0.22) 0 4px, transparent 4px 10px); border: 2px dashed var(--status-stale-stroke); display: block; width: 100%; }
  .status-unknown { background-color: var(--status-unknown-fill); color: var(--status-unknown-ink); background-image: repeating-linear-gradient(45deg, rgba(18, 26, 43, 0.22) 0 4px, transparent 4px 10px); border: 2px dashed var(--status-unknown-stroke); }
  .connection-online { background-color: var(--connection-online-fill); color: var(--connection-online-ink); }
  .connection-offline { background-color: var(--connection-offline-fill); color: var(--connection-offline-ink); }
  @media (prefers-reduced-motion: reduce) { .status-late { animation: none; } }
}