/* Comandly design tokens — generated from packages/design-tokens/tokens.json. Do not edit. */
:root, [data-theme="light"] {
  color-scheme: light;
  --green-50: #eaf4f0;
  --green-100: #d3e9e1;
  --green-200: #a9d3c5;
  --green-300: #7bb9a7;
  --green-400: #4f9c87;
  --green-500: #2b7d6b;
  --green-600: #0e5a4f;
  --green-700: #0a4038;
  --green-800: #072e29;
  --green-900: #041d1a;
  --orange-50: #fff1ea;
  --orange-100: #ffdccc;
  --orange-200: #ffb899;
  --orange-300: #fb9166;
  --orange-400: #f26b3a;
  --orange-500: #d1521f;
  --orange-600: #a83f15;
  --orange-700: #883312;
  --orange-800: #62250c;
  --orange-900: #3f1707;
  --sand-0: #ffffff;
  --sand-25: #fdfcfa;
  --sand-50: #faf8f4;
  --sand-100: #f3f0ea;
  --sand-200: #e6e2da;
  --sand-300: #d2cdc3;
  --sand-400: #aaa49a;
  --sand-500: #7d7870;
  --sand-600: #5c5f68;
  --sand-700: #3c3f47;
  --sand-800: #272a31;
  --sand-900: #1a1c22;
  --sand-950: #111318;
  --night-50: #f2f1ed;
  --night-100: #d9dbe2;
  --night-200: #a3a9b8;
  --night-300: #6f788c;
  --night-400: #3a4356;
  --night-500: #2a3344;
  --night-600: #1e2634;
  --night-700: #161c28;
  --night-800: #0f141d;
  --night-900: #0a0d14;
  --red-50: #fdeae6;
  --red-100: #f9d3cc;
  --red-300: #f09a8d;
  --red-500: #cf4a34;
  --red-600: #b3412d;
  --red-700: #8f2f1e;
  --red-900: #4a1710;
  --amber-50: #fff6d6;
  --amber-100: #fff0b8;
  --amber-300: #f5c842;
  --amber-500: #c98a00;
  --amber-600: #9a6700;
  --amber-700: #7a5200;
  --amber-900: #4a3100;
  --blue-50: #e9eff9;
  --blue-100: #dde6f7;
  --blue-300: #9db7e8;
  --blue-500: #3d6cc0;
  --blue-600: #2b4a85;
  --blue-700: #223b6a;
  --blue-900: #15223d;
  --purple-100: #ece4f7;
  --purple-300: #c3abe6;
  --purple-600: #5a3f8a;
  --purple-700: #47306f;
  --purple-900: #2a1c45;
  --surface-page: #faf8f4;
  --surface-default: #ffffff;
  --surface-raised: #ffffff;
  --surface-sunken: #f3f0ea;
  --surface-inverse: #1a1c22;
  --text-primary: #1a1c22;
  --text-secondary: #5c5f68;
  --text-subtle: #7d7870;
  --text-inverse: #faf8f4;
  --text-link: #0e5a4f;
  --border-default: #e6e2da;
  --border-strong: #7d7870;
  --border-focus: #2b7d6b;
  --brand-default: #0e5a4f;
  --brand-hover: #0a4038;
  --brand-soft: #eaf4f0;
  --brand-on-brand: #ffffff;
  --brand-on-soft: #0a4038;
  --brand-on-inverse: #7bb9a7;
  --accent-default: #f26b3a;
  --accent-strong: #a83f15;
  --accent-soft: #fff1ea;
  --accent-on-accent: #111318;
  --status-success: #2b7d6b;
  --status-success-text: #0a4038;
  --status-success-soft: #eaf4f0;
  --status-warning: #9a6700;
  --status-warning-text: #7a5200;
  --status-warning-soft: #fff6d6;
  --status-danger: #b3412d;
  --status-danger-hover: #8f2f1e;
  --status-danger-text: #8f2f1e;
  --status-danger-soft: #fdeae6;
  --status-info: #3d6cc0;
  --status-info-text: #2b4a85;
  --status-info-soft: #e9eff9;
  --status-on-danger: #ffffff;
  --table-free-fill: #d9ece4;
  --table-free-ink: #1d5a43;
  --table-occupied-fill: #ffd9c9;
  --table-occupied-ink: #7e3418;
  --table-bill-fill: #fff0b8;
  --table-bill-ink: #6b4f00;
  --table-paid-fill: #dde6f7;
  --table-paid-ink: #2b4a85;
  --table-reserved-fill: #ece4f7;
  --table-reserved-ink: #4f3680;
  --table-attention-fill: #fdeae6;
  --table-attention-ink: #8f2f1e;
  --shadow-1: 0 1px 2px rgba(20,26,38,0.06), 0 2px 8px rgba(20,26,38,0.05);
  --shadow-2: 0 10px 30px -12px rgba(20,26,38,0.25), 0 2px 6px rgba(20,26,38,0.06);
  --shadow-3: 0 40px 80px -30px rgba(20,26,38,0.35), 0 10px 24px -14px rgba(20,26,38,0.2);
}
[data-theme="dark"] {
  color-scheme: dark;
  --surface-page: #0f141d;
  --surface-default: #161c28;
  --surface-raised: #1e2634;
  --surface-sunken: #0a0d14;
  --surface-inverse: #faf8f4;
  --text-primary: #f2f1ed;
  --text-secondary: #a3a9b8;
  --text-subtle: #6f788c;
  --text-inverse: #1a1c22;
  --text-link: #7bb9a7;
  --border-default: #2a3344;
  --border-strong: #6f788c;
  --border-focus: #7bb9a7;
  --brand-default: #4f9c87;
  --brand-hover: #7bb9a7;
  --brand-soft: #041d1a;
  --brand-on-brand: #0a0d14;
  --brand-on-soft: #a9d3c5;
  --brand-on-inverse: #0e5a4f;
  --accent-default: #fb9166;
  --accent-strong: #ffb899;
  --accent-soft: #3f1707;
  --accent-on-accent: #0a0d14;
  --status-success: #7bb9a7;
  --status-success-text: #a9d3c5;
  --status-success-soft: #041d1a;
  --status-warning: #f5c842;
  --status-warning-text: #fff0b8;
  --status-warning-soft: #4a3100;
  --status-danger: #f09a8d;
  --status-danger-hover: #f9d3cc;
  --status-danger-text: #f9d3cc;
  --status-danger-soft: #4a1710;
  --status-info: #9db7e8;
  --status-info-text: #dde6f7;
  --status-info-soft: #15223d;
  --status-on-danger: #0a0d14;
  --table-free-fill: #1f4a3b;
  --table-free-ink: #bfe8d6;
  --table-occupied-fill: #5a2a16;
  --table-occupied-ink: #ffc3ab;
  --table-bill-fill: #4d3b00;
  --table-bill-ink: #ffe08a;
  --table-paid-fill: #22345c;
  --table-paid-ink: #c2d3f5;
  --table-reserved-fill: #3a2a5c;
  --table-reserved-ink: #d7c6f5;
  --table-attention-fill: #5c1f15;
  --table-attention-ink: #ffb7a8;
  --shadow-1: none;
  --shadow-2: 0 0 0 1px rgba(255,255,255,0.06);
  --shadow-3: 0 0 0 1px rgba(255,255,255,0.08);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --surface-page: #0f141d;
    --surface-default: #161c28;
    --surface-raised: #1e2634;
    --surface-sunken: #0a0d14;
    --surface-inverse: #faf8f4;
    --text-primary: #f2f1ed;
    --text-secondary: #a3a9b8;
    --text-subtle: #6f788c;
    --text-inverse: #1a1c22;
    --text-link: #7bb9a7;
    --border-default: #2a3344;
    --border-strong: #6f788c;
    --border-focus: #7bb9a7;
    --brand-default: #4f9c87;
    --brand-hover: #7bb9a7;
    --brand-soft: #041d1a;
    --brand-on-brand: #0a0d14;
    --brand-on-soft: #a9d3c5;
    --brand-on-inverse: #0e5a4f;
    --accent-default: #fb9166;
    --accent-strong: #ffb899;
    --accent-soft: #3f1707;
    --accent-on-accent: #0a0d14;
    --status-success: #7bb9a7;
    --status-success-text: #a9d3c5;
    --status-success-soft: #041d1a;
    --status-warning: #f5c842;
    --status-warning-text: #fff0b8;
    --status-warning-soft: #4a3100;
    --status-danger: #f09a8d;
    --status-danger-hover: #f9d3cc;
    --status-danger-text: #f9d3cc;
    --status-danger-soft: #4a1710;
    --status-info: #9db7e8;
    --status-info-text: #dde6f7;
    --status-info-soft: #15223d;
    --status-on-danger: #0a0d14;
    --table-free-fill: #1f4a3b;
    --table-free-ink: #bfe8d6;
    --table-occupied-fill: #5a2a16;
    --table-occupied-ink: #ffc3ab;
    --table-bill-fill: #4d3b00;
    --table-bill-ink: #ffe08a;
    --table-paid-fill: #22345c;
    --table-paid-ink: #c2d3f5;
    --table-reserved-fill: #3a2a5c;
    --table-reserved-ink: #d7c6f5;
    --table-attention-fill: #5c1f15;
    --table-attention-ink: #ffb7a8;
    --shadow-1: none;
    --shadow-2: 0 0 0 1px rgba(255,255,255,0.06);
    --shadow-3: 0 0 0 1px rgba(255,255,255,0.08);
  }
}
:root {
  --font-ui: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-display: Fraunces, Georgia, "Times New Roman", serif;
  --font-mono: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --space-0: 0;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 22px;
  --radius-full: 999px;
  --size-touch-min: 44px;
  --size-touch-comfortable: 56px;
  --size-keypad-key: 64px;
  --size-keypad-key-lg: 72px;
  --size-product-tile-min: 120px;
  --size-product-tile-height: 96px;
  --size-table-tile-min: 88px;
  --size-order-rail: 380px;
  --size-category-rail: 112px;
  --size-sidebar: 248px;
  --size-content-max: 1200px;
  --size-icon-sm: 20px;
  --size-icon: 24px;
  --size-icon-lg: 28px;
  --size-avatar: 36px;
  --size-pill: 32px;
  --size-status-dot: 8px;
  --size-pin-dot: 16px;
  --size-form-max: 560px;
  --size-breakpoint-expanded: 840px;
  --size-dialog-max: 480px;
  --size-content-narrow: 720px;
  --size-pin-panel: 400px;
  --size-staff-tile-min: 148px;
  --size-badge: 20px;
  --stroke-hairline: 1px;
  --stroke-input: 1.5px;
  --stroke-focus: 2px;
  --stroke-selected: 2px;
  --motion-duration-fast: 100ms;
  --motion-duration-base: 180ms;
  --motion-duration-slow: 260ms;
  --motion-easing-standard: cubic-bezier(0.2, 0.8, 0.2, 1);
  --motion-easing-exit: cubic-bezier(0.4, 0, 1, 1);
  --opacity-disabled: 0.4;
  --opacity-pressed: 0.85;
  --opacity-scrim: 0.45;
  --zindex-rail: 10;
  --zindex-sticky: 20;
  --zindex-sheet: 40;
  --zindex-dialog: 50;
  --zindex-toast: 60;
  --type-caption-size: 12px;
  --type-caption-line: 16px;
  --type-caption-weight: 500;
  --type-caption-tracking: 0px;
  --type-label-size: 13px;
  --type-label-line: 18px;
  --type-label-weight: 600;
  --type-label-tracking: 0.4px;
  --type-body-sm-size: 14px;
  --type-body-sm-line: 20px;
  --type-body-sm-weight: 400;
  --type-body-sm-tracking: 0px;
  --type-body-size: 16px;
  --type-body-line: 24px;
  --type-body-weight: 400;
  --type-body-tracking: 0px;
  --type-body-strong-size: 16px;
  --type-body-strong-line: 24px;
  --type-body-strong-weight: 600;
  --type-body-strong-tracking: 0px;
  --type-body-lg-size: 18px;
  --type-body-lg-line: 26px;
  --type-body-lg-weight: 500;
  --type-body-lg-tracking: 0px;
  --type-title-sm-size: 20px;
  --type-title-sm-line: 26px;
  --type-title-sm-weight: 600;
  --type-title-sm-tracking: -0.1px;
  --type-title-size: 24px;
  --type-title-line: 30px;
  --type-title-weight: 700;
  --type-title-tracking: -0.2px;
  --type-headline-size: 30px;
  --type-headline-line: 36px;
  --type-headline-weight: 700;
  --type-headline-tracking: -0.3px;
  --type-money-size: 20px;
  --type-money-line: 26px;
  --type-money-weight: 600;
  --type-money-tracking: 0px;
  --type-money-lg-size: 34px;
  --type-money-lg-line: 40px;
  --type-money-lg-weight: 700;
  --type-money-lg-tracking: -0.3px;
  --type-keypad-size: 28px;
  --type-keypad-line: 32px;
  --type-keypad-weight: 500;
  --type-keypad-tracking: 0px;
  --type-kitchen-size: 40px;
  --type-kitchen-line: 46px;
  --type-kitchen-weight: 700;
  --type-kitchen-tracking: -0.3px;
  --type-kitchen-detail-size: 24px;
  --type-kitchen-detail-line: 30px;
  --type-kitchen-detail-weight: 500;
  --type-kitchen-detail-tracking: 0px;
}
.type-caption { font-family: var(--font-ui); font-size: var(--type-caption-size); line-height: var(--type-caption-line); font-weight: var(--type-caption-weight); letter-spacing: var(--type-caption-tracking); }
.type-label { font-family: var(--font-ui); font-size: var(--type-label-size); line-height: var(--type-label-line); font-weight: var(--type-label-weight); letter-spacing: var(--type-label-tracking); text-transform: uppercase; }
.type-body-sm { font-family: var(--font-ui); font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line); font-weight: var(--type-body-sm-weight); letter-spacing: var(--type-body-sm-tracking); }
.type-body { font-family: var(--font-ui); font-size: var(--type-body-size); line-height: var(--type-body-line); font-weight: var(--type-body-weight); letter-spacing: var(--type-body-tracking); }
.type-body-strong { font-family: var(--font-ui); font-size: var(--type-body-strong-size); line-height: var(--type-body-strong-line); font-weight: var(--type-body-strong-weight); letter-spacing: var(--type-body-strong-tracking); }
.type-body-lg { font-family: var(--font-ui); font-size: var(--type-body-lg-size); line-height: var(--type-body-lg-line); font-weight: var(--type-body-lg-weight); letter-spacing: var(--type-body-lg-tracking); }
.type-title-sm { font-family: var(--font-ui); font-size: var(--type-title-sm-size); line-height: var(--type-title-sm-line); font-weight: var(--type-title-sm-weight); letter-spacing: var(--type-title-sm-tracking); }
.type-title { font-family: var(--font-ui); font-size: var(--type-title-size); line-height: var(--type-title-line); font-weight: var(--type-title-weight); letter-spacing: var(--type-title-tracking); }
.type-headline { font-family: var(--font-ui); font-size: var(--type-headline-size); line-height: var(--type-headline-line); font-weight: var(--type-headline-weight); letter-spacing: var(--type-headline-tracking); }
.type-money { font-family: var(--font-ui); font-size: var(--type-money-size); line-height: var(--type-money-line); font-weight: var(--type-money-weight); letter-spacing: var(--type-money-tracking); font-variant-numeric: tabular-nums; }
.type-money-lg { font-family: var(--font-ui); font-size: var(--type-money-lg-size); line-height: var(--type-money-lg-line); font-weight: var(--type-money-lg-weight); letter-spacing: var(--type-money-lg-tracking); font-variant-numeric: tabular-nums; }
.type-keypad { font-family: var(--font-ui); font-size: var(--type-keypad-size); line-height: var(--type-keypad-line); font-weight: var(--type-keypad-weight); letter-spacing: var(--type-keypad-tracking); font-variant-numeric: tabular-nums; }
.type-kitchen { font-family: var(--font-ui); font-size: var(--type-kitchen-size); line-height: var(--type-kitchen-line); font-weight: var(--type-kitchen-weight); letter-spacing: var(--type-kitchen-tracking); }
.type-kitchen-detail { font-family: var(--font-ui); font-size: var(--type-kitchen-detail-size); line-height: var(--type-kitchen-detail-line); font-weight: var(--type-kitchen-detail-weight); letter-spacing: var(--type-kitchen-detail-tracking); }
@media (prefers-reduced-motion: reduce) { :root { --motion-duration-fast: 0ms; --motion-duration-base: 0ms; --motion-duration-slow: 0ms; } }