/* Orderly Design System v4 tokens. Built by shared/orderly-design/build.py from tokens.json:
   edit the design system (tokens.json), never this file.
   Themes: light (default), dark, Bright light (light-hc), Bright dark (dark-hc). With nothing set,
   the device decides: dark mode -> dark, increased contrast -> the bright theme. */
:root, :root[data-theme="light"] {
  --o-bg: oklch(97% 0 0);
  --o-surface: oklch(100% 0 0);
  --o-surface-2: oklch(94.5% 0 0);
  --o-surface-3: oklch(91% 0 0);
  --o-text: oklch(18% 0 0);
  --o-text-2: oklch(40% 0 0);
  --o-text-3: oklch(46% 0 0);
  --o-accent: oklch(64% 0.19 45);
  --o-accent-deep: oklch(49% 0.17 38);
  --o-accent-tint: oklch(95% 0.035 55);
  --o-accent-solid: #c4510a;
  --o-focus: var(--o-accent-solid);
  --o-accent-solid-hover: #a8440a;
  --o-go: oklch(58% 0.16 150);
  --o-go-solid: oklch(50% 0.15 150);
  --o-go-deep: oklch(46% 0.13 150);
  --o-go-tint: oklch(95% 0.04 150);
  --o-warn: oklch(48% 0.11 75);
  --o-warn-tint: oklch(95% 0.05 85);
  --o-danger: oklch(50% 0.19 25);
  --o-danger-tint: oklch(95% 0.03 25);
  --o-danger-solid: oklch(50% 0.2 25);
  --o-on-solid: #ffffff;
  --o-toast-bg: oklch(24% 0 0);
  --o-toast-text: oklch(98% 0 0);
  --o-toast-action: oklch(82% 0.12 62);
  --o-toast-go: oklch(80% 0.16 150);
  --o-toast-danger: oklch(76% 0.15 25);
  --o-toast-warn: oklch(86% 0.13 82);
  --o-control-off: oklch(50% 0 0);
  --o-outline: rgb(0 0 0 / 0);
  --o-focus: #c4510a;
  --o-scrim: rgb(0 0 0 / 0.45);
  --brand-primary: #f97705;
  --brand-tint: oklch(96% 0.03 55);
  --brand-light: oklch(85% 0.1 50);
  --brand-deep: oklch(58% 0.21 32);
  --chart-1: oklch(64% 0.19 45);
  --chart-2: oklch(62% 0.12 230);
  --chart-3: oklch(60% 0.13 150);
  --chart-4: oklch(72% 0.13 85);
  --chart-5: oklch(55% 0.1 300);
  --order-new-bg: oklch(96% 0.03 250);
  --order-new-text: oklch(42% 0.14 255);
  --order-processing-bg: oklch(96% 0.03 95);
  --order-processing-text: oklch(45% 0.15 95);
  --order-ready-bg: oklch(96% 0.03 50);
  --order-ready-text: oklch(45% 0.17 45);
  --order-completed-bg: oklch(96% 0.03 145);
  --order-completed-text: oklch(38% 0.15 145);
  --order-delivered-bg: oklch(96% 0.03 180);
  --order-delivered-text: oklch(38% 0.12 185);
  --order-cancelled-bg: oklch(96% 0.03 15);
  --order-cancelled-text: oklch(45% 0.17 20);
  --order-rejected-bg: oklch(94% 0.04 18);
  --order-rejected-text: oklch(38% 0.18 15);
  --order-refunded-bg: oklch(96% 0.03 300);
  --order-refunded-text: oklch(45% 0.15 300);
  --order-draft-bg: oklch(96% 0 0);
  --order-draft-text: oklch(50% 0 0);
  --payment-paid-bg: oklch(96% 0.03 145);
  --payment-paid-text: oklch(38% 0.15 145);
  --payment-unpaid-bg: oklch(96% 0.03 15);
  --payment-unpaid-text: oklch(45% 0.17 20);
  --payment-pending-bg: oklch(96% 0.03 95);
  --payment-pending-text: oklch(45% 0.15 95);
  --table-available-bg: oklch(96% 0.03 145);
  --table-available-text: oklch(38% 0.15 145);
  --table-occupied-bg: oklch(96% 0.03 50);
  --table-occupied-text: oklch(45% 0.17 45);
  --table-reserved-bg: oklch(96% 0.03 250);
  --table-reserved-text: oklch(42% 0.14 255);
  --table-needs-attention-bg: oklch(94% 0.04 18);
  --table-needs-attention-text: oklch(38% 0.18 15);
  --table-billed-bg: oklch(96% 0.03 300);
  --table-billed-text: oklch(45% 0.15 300);
  --state-active-bg: oklch(96% 0.03 145);
  --state-active-text: oklch(38% 0.15 145);
  --state-inactive-bg: oklch(96% 0 0);
  --state-inactive-text: oklch(50% 0 0);
  --o-elev-1: 0 0 #0000;
  --o-elev-2: 0 2px 6px rgb(0 0 0 / .06), 0 10px 28px rgb(0 0 0 / .10);
  --o-elev-3: 0 6px 16px rgb(0 0 0 / .08), 0 24px 56px rgb(0 0 0 / .14);
  --o-ring: 0 0 0 2px #ffffff, 0 0 0 5px #c4510a;
}
:root[data-theme="dark"], :root[data-orderly-theme="dark"], html.dark {
  --o-bg: oklch(13% 0 0);
  --o-surface: oklch(21% 0 0);
  --o-surface-2: oklch(17% 0 0);
  --o-surface-3: oklch(27% 0 0);
  --o-text: oklch(96% 0 0);
  --o-text-2: oklch(82% 0 0);
  --o-text-3: oklch(70% 0 0);
  --o-accent: oklch(75% 0.16 45);
  --o-accent-deep: oklch(84% 0.11 60);
  --o-accent-tint: oklch(31% 0 0);
  --o-focus: var(--o-accent);
  --o-go: oklch(70% 0.15 150);
  --o-go-deep: oklch(85% 0.12 150);
  --o-go-tint: oklch(30% 0.06 150);
  --o-warn: oklch(84% 0.12 80);
  --o-warn-tint: oklch(30% 0.05 85);
  --o-danger: oklch(77% 0.15 25);
  --o-danger-tint: oklch(30% 0.06 25);
  --o-toast-bg: oklch(32% 0 0);
  --o-toast-text: oklch(97% 0 0);
  --o-toast-action: oklch(86% 0.1 62);
  --o-toast-go: oklch(82% 0.15 150);
  --o-toast-danger: oklch(78% 0.14 25);
  --o-toast-warn: oklch(87% 0.12 82);
  --o-control-off: oklch(68% 0 0);
  --o-outline: rgb(255 255 255 / 0);
  --o-focus: oklch(75% 0.16 45);
  --o-scrim: rgb(0 0 0 / 0.6);
  --order-new-bg: oklch(26% 0.06 255);
  --order-new-text: oklch(82% 0.08 255);
  --order-processing-bg: oklch(26% 0.06 95);
  --order-processing-text: oklch(84% 0.08 95);
  --order-ready-bg: oklch(26% 0.07 50);
  --order-ready-text: oklch(84% 0.09 50);
  --order-completed-bg: oklch(24% 0.05 145);
  --order-completed-text: oklch(82% 0.08 145);
  --order-delivered-bg: oklch(24% 0.05 185);
  --order-delivered-text: oklch(82% 0.07 185);
  --order-cancelled-bg: oklch(26% 0.06 18);
  --order-cancelled-text: oklch(82% 0.08 20);
  --order-rejected-bg: oklch(24% 0.07 15);
  --order-rejected-text: oklch(80% 0.1 18);
  --order-refunded-bg: oklch(26% 0.05 300);
  --order-refunded-text: oklch(84% 0.08 300);
  --order-draft-bg: oklch(24% 0 0);
  --order-draft-text: oklch(70% 0 0);
  --o-elev-2: 0 2px 8px rgb(0 0 0 / .5), 0 12px 32px rgb(0 0 0 / .45);
  --o-elev-3: 0 8px 20px rgb(0 0 0 / .55), 0 28px 60px rgb(0 0 0 / .55);
  --o-ring: 0 0 0 2px oklch(21% 0 0), 0 0 0 5px oklch(75% 0.16 45);
}
@media (prefers-color-scheme: dark) { :root:not([data-theme]):not([data-orderly-theme]):not(.light) {
  --o-bg: oklch(13% 0 0);
  --o-surface: oklch(21% 0 0);
  --o-surface-2: oklch(17% 0 0);
  --o-surface-3: oklch(27% 0 0);
  --o-text: oklch(96% 0 0);
  --o-text-2: oklch(82% 0 0);
  --o-text-3: oklch(70% 0 0);
  --o-accent: oklch(75% 0.16 45);
  --o-accent-deep: oklch(84% 0.11 60);
  --o-accent-tint: oklch(31% 0 0);
  --o-focus: var(--o-accent);
  --o-go: oklch(70% 0.15 150);
  --o-go-deep: oklch(85% 0.12 150);
  --o-go-tint: oklch(30% 0.06 150);
  --o-warn: oklch(84% 0.12 80);
  --o-warn-tint: oklch(30% 0.05 85);
  --o-danger: oklch(77% 0.15 25);
  --o-danger-tint: oklch(30% 0.06 25);
  --o-toast-bg: oklch(32% 0 0);
  --o-toast-text: oklch(97% 0 0);
  --o-toast-action: oklch(86% 0.1 62);
  --o-toast-go: oklch(82% 0.15 150);
  --o-toast-danger: oklch(78% 0.14 25);
  --o-toast-warn: oklch(87% 0.12 82);
  --o-control-off: oklch(68% 0 0);
  --o-outline: rgb(255 255 255 / 0);
  --o-focus: oklch(75% 0.16 45);
  --o-scrim: rgb(0 0 0 / 0.6);
  --order-new-bg: oklch(26% 0.06 255);
  --order-new-text: oklch(82% 0.08 255);
  --order-processing-bg: oklch(26% 0.06 95);
  --order-processing-text: oklch(84% 0.08 95);
  --order-ready-bg: oklch(26% 0.07 50);
  --order-ready-text: oklch(84% 0.09 50);
  --order-completed-bg: oklch(24% 0.05 145);
  --order-completed-text: oklch(82% 0.08 145);
  --order-delivered-bg: oklch(24% 0.05 185);
  --order-delivered-text: oklch(82% 0.07 185);
  --order-cancelled-bg: oklch(26% 0.06 18);
  --order-cancelled-text: oklch(82% 0.08 20);
  --order-rejected-bg: oklch(24% 0.07 15);
  --order-rejected-text: oklch(80% 0.1 18);
  --order-refunded-bg: oklch(26% 0.05 300);
  --order-refunded-text: oklch(84% 0.08 300);
  --order-draft-bg: oklch(24% 0 0);
  --order-draft-text: oklch(70% 0 0);
  --o-elev-2: 0 2px 8px rgb(0 0 0 / .5), 0 12px 32px rgb(0 0 0 / .45);
  --o-elev-3: 0 8px 20px rgb(0 0 0 / .55), 0 28px 60px rgb(0 0 0 / .55);
  --o-ring: 0 0 0 2px oklch(21% 0 0), 0 0 0 5px oklch(75% 0.16 45);
} }
:root[data-theme="light-hc"] {
  --o-bg: oklch(100% 0 0);
  --o-surface-2: oklch(93% 0 0);
  --o-surface-3: oklch(88% 0 0);
  --o-text: oklch(0% 0 0);
  --o-text-2: oklch(24% 0 0);
  --o-text-3: oklch(31% 0 0);
  --o-accent: oklch(50% 0.17 42);
  --o-accent-deep: oklch(38% 0.14 35);
  --o-accent-tint: oklch(94% 0.04 55);
  --o-accent-solid: oklch(42% 0.14 38);
  --o-accent-solid-hover: oklch(36% 0.12 36);
  --o-go: oklch(44% 0.13 150);
  --o-go-solid: oklch(38% 0.11 150);
  --o-go-deep: oklch(34% 0.1 150);
  --o-go-tint: oklch(94% 0.04 150);
  --o-warn: oklch(36% 0.09 75);
  --o-warn-tint: oklch(94% 0.05 85);
  --o-danger: oklch(40% 0.17 25);
  --o-danger-tint: oklch(94% 0.03 25);
  --o-danger-solid: oklch(40% 0.18 25);
  --o-toast-bg: oklch(16% 0 0);
  --o-toast-text: oklch(100% 0 0);
  --o-toast-action: oklch(86% 0.11 62);
  --o-toast-go: oklch(84% 0.15 150);
  --o-toast-danger: oklch(80% 0.14 25);
  --o-toast-warn: oklch(88% 0.12 82);
  --o-control-off: oklch(30% 0 0);
  --o-outline: oklch(28% 0 0);
  --o-focus: oklch(42% 0.14 38);
  --o-scrim: rgb(0 0 0 / 0.6);
  --o-elev-2: 0 2px 6px rgb(0 0 0 / .12);
  --o-elev-3: 0 6px 16px rgb(0 0 0 / .18);
  --o-ring: 0 0 0 2px #ffffff, 0 0 0 6px oklch(42% 0.14 38);
}
:root[data-theme="dark-hc"] {
  --o-bg: oklch(13% 0 0);
  --o-surface: oklch(21% 0 0);
  --o-surface-2: oklch(17% 0 0);
  --o-surface-3: oklch(27% 0 0);
  --o-text: oklch(96% 0 0);
  --o-text-2: oklch(82% 0 0);
  --o-text-3: oklch(70% 0 0);
  --o-accent: oklch(75% 0.16 45);
  --o-accent-deep: oklch(84% 0.11 60);
  --o-accent-tint: oklch(31% 0 0);
  --o-focus: var(--o-accent);
  --o-go: oklch(70% 0.15 150);
  --o-go-deep: oklch(85% 0.12 150);
  --o-go-tint: oklch(30% 0.06 150);
  --o-warn: oklch(84% 0.12 80);
  --o-warn-tint: oklch(30% 0.05 85);
  --o-danger: oklch(77% 0.15 25);
  --o-danger-tint: oklch(30% 0.06 25);
  --o-toast-bg: oklch(32% 0 0);
  --o-toast-text: oklch(97% 0 0);
  --o-toast-action: oklch(86% 0.1 62);
  --o-toast-go: oklch(82% 0.15 150);
  --o-toast-danger: oklch(78% 0.14 25);
  --o-toast-warn: oklch(87% 0.12 82);
  --o-control-off: oklch(68% 0 0);
  --o-outline: rgb(255 255 255 / 0);
  --o-focus: oklch(75% 0.16 45);
  --o-scrim: rgb(0 0 0 / 0.6);
  --order-new-bg: oklch(26% 0.06 255);
  --order-new-text: oklch(82% 0.08 255);
  --order-processing-bg: oklch(26% 0.06 95);
  --order-processing-text: oklch(84% 0.08 95);
  --order-ready-bg: oklch(26% 0.07 50);
  --order-ready-text: oklch(84% 0.09 50);
  --order-completed-bg: oklch(24% 0.05 145);
  --order-completed-text: oklch(82% 0.08 145);
  --order-delivered-bg: oklch(24% 0.05 185);
  --order-delivered-text: oklch(82% 0.07 185);
  --order-cancelled-bg: oklch(26% 0.06 18);
  --order-cancelled-text: oklch(82% 0.08 20);
  --order-rejected-bg: oklch(24% 0.07 15);
  --order-rejected-text: oklch(80% 0.1 18);
  --order-refunded-bg: oklch(26% 0.05 300);
  --order-refunded-text: oklch(84% 0.08 300);
  --order-draft-bg: oklch(24% 0 0);
  --order-draft-text: oklch(70% 0 0);
  --o-elev-2: 0 2px 8px rgb(0 0 0 / .5), 0 12px 32px rgb(0 0 0 / .45);
  --o-elev-3: 0 8px 20px rgb(0 0 0 / .55), 0 28px 60px rgb(0 0 0 / .55);
  --o-ring: 0 0 0 2px oklch(21% 0 0), 0 0 0 5px oklch(75% 0.16 45);
  --o-bg: oklch(0% 0 0);
  --o-surface: oklch(14% 0 0);
  --o-surface-2: oklch(9% 0 0);
  --o-surface-3: oklch(24% 0 0);
  --o-text: oklch(100% 0 0);
  --o-text-2: oklch(92% 0 0);
  --o-text-3: oklch(86% 0 0);
  --o-accent: oklch(80% 0.15 50);
  --o-accent-deep: oklch(90% 0.09 60);
  --o-accent-tint: oklch(31% 0 0);
  --o-accent-solid: oklch(80% 0.15 50);
  --o-focus: var(--o-accent);
  --o-accent-solid-hover: oklch(86% 0.12 55);
  --o-go: oklch(82% 0.15 150);
  --o-go-solid: oklch(82% 0.15 150);
  --o-go-deep: oklch(90% 0.1 150);
  --o-go-tint: oklch(26% 0.06 150);
  --o-warn: oklch(90% 0.11 85);
  --o-warn-tint: oklch(26% 0.05 85);
  --o-danger: oklch(85% 0.12 25);
  --o-danger-tint: oklch(26% 0.06 25);
  --o-danger-solid: oklch(80% 0.14 25);
  --o-on-solid: oklch(0% 0 0);
  --o-toast-bg: oklch(34% 0 0);
  --o-toast-text: oklch(100% 0 0);
  --o-toast-action: oklch(90% 0.09 62);
  --o-toast-go: oklch(86% 0.14 150);
  --o-toast-danger: oklch(82% 0.13 25);
  --o-toast-warn: oklch(90% 0.11 82);
  --o-control-off: oklch(80% 0 0);
  --o-outline: oklch(82% 0 0);
  --o-focus: oklch(80% 0.15 50);
  --o-scrim: rgb(0 0 0 / 0.75);
  --order-new-bg: oklch(26% 0.06 255);
  --order-new-text: oklch(82% 0.08 255);
  --order-processing-bg: oklch(26% 0.06 95);
  --order-processing-text: oklch(84% 0.08 95);
  --order-ready-bg: oklch(26% 0.07 50);
  --order-ready-text: oklch(84% 0.09 50);
  --order-completed-bg: oklch(24% 0.05 145);
  --order-completed-text: oklch(82% 0.08 145);
  --order-delivered-bg: oklch(24% 0.05 185);
  --order-delivered-text: oklch(82% 0.07 185);
  --order-cancelled-bg: oklch(26% 0.06 18);
  --order-cancelled-text: oklch(82% 0.08 20);
  --order-rejected-bg: oklch(24% 0.07 15);
  --order-rejected-text: oklch(80% 0.1 18);
  --order-refunded-bg: oklch(26% 0.05 300);
  --order-refunded-text: oklch(84% 0.08 300);
  --order-draft-bg: oklch(24% 0 0);
  --order-draft-text: oklch(70% 0 0);
  --o-elev-2: 0 0 #0000;
  --o-elev-3: 0 0 #0000;
  --o-ring: 0 0 0 2px #000000, 0 0 0 6px oklch(80% 0.15 50);
}
@media (prefers-contrast: more) {
  :root:not([data-theme]):not([data-orderly-theme]) { --o-bg: oklch(100% 0 0);
  --o-surface-2: oklch(93% 0 0);
  --o-surface-3: oklch(88% 0 0);
  --o-text: oklch(0% 0 0);
  --o-text-2: oklch(24% 0 0);
  --o-text-3: oklch(31% 0 0);
  --o-accent: oklch(50% 0.17 42);
  --o-accent-deep: oklch(38% 0.14 35);
  --o-accent-tint: oklch(94% 0.04 55);
  --o-accent-solid: oklch(42% 0.14 38);
  --o-accent-solid-hover: oklch(36% 0.12 36);
  --o-go: oklch(44% 0.13 150);
  --o-go-solid: oklch(38% 0.11 150);
  --o-go-deep: oklch(34% 0.1 150);
  --o-go-tint: oklch(94% 0.04 150);
  --o-warn: oklch(36% 0.09 75);
  --o-warn-tint: oklch(94% 0.05 85);
  --o-danger: oklch(40% 0.17 25);
  --o-danger-tint: oklch(94% 0.03 25);
  --o-danger-solid: oklch(40% 0.18 25);
  --o-toast-bg: oklch(16% 0 0);
  --o-toast-text: oklch(100% 0 0);
  --o-toast-action: oklch(86% 0.11 62);
  --o-toast-go: oklch(84% 0.15 150);
  --o-toast-danger: oklch(80% 0.14 25);
  --o-toast-warn: oklch(88% 0.12 82);
  --o-control-off: oklch(30% 0 0);
  --o-outline: oklch(28% 0 0);
  --o-focus: oklch(42% 0.14 38);
  --o-scrim: rgb(0 0 0 / 0.6);
  --o-elev-2: 0 2px 6px rgb(0 0 0 / .12);
  --o-elev-3: 0 6px 16px rgb(0 0 0 / .18);
  --o-ring: 0 0 0 2px #ffffff, 0 0 0 6px oklch(42% 0.14 38); }
}
@media (prefers-contrast: more) and (prefers-color-scheme: dark) {
  :root:not([data-theme]):not([data-orderly-theme]):not(.light) { --o-bg: oklch(0% 0 0);
  --o-surface: oklch(14% 0 0);
  --o-surface-2: oklch(9% 0 0);
  --o-surface-3: oklch(24% 0 0);
  --o-text: oklch(100% 0 0);
  --o-text-2: oklch(92% 0 0);
  --o-text-3: oklch(86% 0 0);
  --o-accent: oklch(80% 0.15 50);
  --o-accent-deep: oklch(90% 0.09 60);
  --o-accent-tint: oklch(31% 0 0);
  --o-accent-solid: oklch(80% 0.15 50);
  --o-focus: var(--o-accent);
  --o-accent-solid-hover: oklch(86% 0.12 55);
  --o-go: oklch(82% 0.15 150);
  --o-go-solid: oklch(82% 0.15 150);
  --o-go-deep: oklch(90% 0.1 150);
  --o-go-tint: oklch(26% 0.06 150);
  --o-warn: oklch(90% 0.11 85);
  --o-warn-tint: oklch(26% 0.05 85);
  --o-danger: oklch(85% 0.12 25);
  --o-danger-tint: oklch(26% 0.06 25);
  --o-danger-solid: oklch(80% 0.14 25);
  --o-on-solid: oklch(0% 0 0);
  --o-toast-bg: oklch(34% 0 0);
  --o-toast-text: oklch(100% 0 0);
  --o-toast-action: oklch(90% 0.09 62);
  --o-toast-go: oklch(86% 0.14 150);
  --o-toast-danger: oklch(82% 0.13 25);
  --o-toast-warn: oklch(90% 0.11 82);
  --o-control-off: oklch(80% 0 0);
  --o-outline: oklch(82% 0 0);
  --o-focus: oklch(80% 0.15 50);
  --o-scrim: rgb(0 0 0 / 0.75);
  --order-new-bg: oklch(26% 0.06 255);
  --order-new-text: oklch(82% 0.08 255);
  --order-processing-bg: oklch(26% 0.06 95);
  --order-processing-text: oklch(84% 0.08 95);
  --order-ready-bg: oklch(26% 0.07 50);
  --order-ready-text: oklch(84% 0.09 50);
  --order-completed-bg: oklch(24% 0.05 145);
  --order-completed-text: oklch(82% 0.08 145);
  --order-delivered-bg: oklch(24% 0.05 185);
  --order-delivered-text: oklch(82% 0.07 185);
  --order-cancelled-bg: oklch(26% 0.06 18);
  --order-cancelled-text: oklch(82% 0.08 20);
  --order-rejected-bg: oklch(24% 0.07 15);
  --order-rejected-text: oklch(80% 0.1 18);
  --order-refunded-bg: oklch(26% 0.05 300);
  --order-refunded-text: oklch(84% 0.08 300);
  --order-draft-bg: oklch(24% 0 0);
  --order-draft-text: oklch(70% 0 0);
  --o-elev-2: 0 0 #0000;
  --o-elev-3: 0 0 #0000;
  --o-ring: 0 0 0 2px #000000, 0 0 0 6px oklch(80% 0.15 50); }
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --target-min: 48px;
  --target-comfort: 56px;
  --target-hero: 72px;
  --pane-list: 360px;
  --reading-max: 640px;
  --page-width: 1200px;
  --header-height: 64px;
  --o-r-xs: 8px;
  --o-r-sm: 12px;
  --o-r: 16px;
  --o-r-lg: 28px;
  --o-r-pill: 999px;
  --bp-medium: 600px;
  --bp-expanded: 840px;
  --bp-large: 1200px;
  --bp-xlarge: 1600px;
  --dur-fast: 150ms;
  --dur-default: 250ms;
  --dur-slow: 350ms;
  --dur-hero: 500ms;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --ease-spring: cubic-bezier(0.38, 1.21, 0.22, 1);
  --state-hover: 0.08;
  --state-focus: 0.1;
  --state-pressed: 0.1;
  --state-dragged: 0.16;
  --state-disabled: 0.38;
  --font-sans: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --font-mono: "DM Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
}
.t-display { font-family: var(--font-sans); font-size: 2rem; line-height: 1.15; font-weight: 700; letter-spacing: -0.02em; }
.t-page-title { font-family: var(--font-sans); font-size: 1.5rem; line-height: 1.25; font-weight: 700; }
.t-section-title { font-family: var(--font-sans); font-size: 1.375rem; line-height: 1.3; font-weight: 700; letter-spacing: -0.01em; }
.t-sheet-title { font-family: var(--font-sans); font-size: 1.25rem; line-height: 1.3; font-weight: 700; }
.t-card-title { font-family: var(--font-sans); font-size: 1.0625rem; line-height: 1.35; font-weight: 700; }
.t-figure { font-family: var(--font-sans); font-size: 1.25rem; line-height: 1.2; font-weight: 700; }
.t-body { font-family: var(--font-sans); font-size: 1rem; line-height: 1.5; font-weight: 500; }
.t-row-title { font-family: var(--font-sans); font-size: 1rem; line-height: 1.35; font-weight: 600; }
.t-button { font-family: var(--font-sans); font-size: 1rem; line-height: 1.25; font-weight: 600; }
.t-input { font-family: var(--font-sans); font-size: 1rem; line-height: 1.35; font-weight: 500; }
.t-field-label { font-family: var(--font-sans); font-size: 0.9375rem; line-height: 1.35; font-weight: 600; }
.t-meta { font-family: var(--font-sans); font-size: 0.875rem; line-height: 1.45; font-weight: 500; }
.t-chip { font-family: var(--font-sans); font-size: 0.875rem; line-height: 1.2; font-weight: 600; }
.t-eyebrow { font-family: var(--font-sans); font-size: 0.75rem; line-height: 1.3; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; }
.t-kds-number { font-family: var(--font-sans); font-size: 2.5rem; line-height: 1; font-weight: 700; }
.t-kds-item { font-family: var(--font-sans); font-size: 1.375rem; line-height: 1.3; font-weight: 600; }
.t-kds-meta { font-family: var(--font-sans); font-size: 1.125rem; line-height: 1.35; font-weight: 500; }
.t-tv-number { font-family: var(--font-sans); font-size: 6rem; line-height: 1; font-weight: 700; }
.t-tv-body { font-family: var(--font-sans); font-size: 1.8125rem; line-height: 1.25; font-weight: 600; }
.t-code { font-family: var(--font-mono); font-size: 1.125rem; line-height: 1.3; font-weight: 500; letter-spacing: 0.04em; }
.t-mono-sm { font-family: var(--font-mono); font-size: 0.8125rem; line-height: 1.4; font-weight: 400; }

/* the same tokens in hex for WebViews without oklch() (Chrome < 111) */
@supports not (color: oklch(0% 0 0)) {
/* Orderly Design System v4 tokens. Built by shared/orderly-design/build.py from tokens.json:
   edit the design system (tokens.json), never this file.
   Themes: light (default), dark, Bright light (light-hc), Bright dark (dark-hc). With nothing set,
   the device decides: dark mode -> dark, increased contrast -> the bright theme. */
:root, :root[data-theme="light"] {
  --o-bg: #f5f5f5;
  --o-surface: #ffffff;
  --o-surface-2: #ededed;
  --o-surface-3: #e1e1e1;
  --o-text: #121212;
  --o-text-2: #484848;
  --o-text-3: #585858;
  --o-accent: #e55b00;
  --o-accent-deep: #ab2d00;
  --o-accent-tint: #ffe9d9;
  --o-accent-solid: #c4510a;
  --o-focus: var(--o-accent-solid);
  --o-accent-solid-hover: #a8440a;
  --o-go: #009342;
  --o-go-solid: #00792f;
  --o-go-deep: #006b2d;
  --o-go-tint: #dcf7e1;
  --o-warn: #815200;
  --o-warn-tint: #feedc9;
  --o-danger: #b71824;
  --o-danger-tint: #ffe7e4;
  --o-danger-solid: #bb061e;
  --o-on-solid: #ffffff;
  --o-toast-bg: #1f1f1f;
  --o-toast-text: #f8f8f8;
  --o-toast-action: #fcb26f;
  --o-toast-go: #66da85;
  --o-toast-danger: #ff8880;
  --o-toast-warn: #fbc865;
  --o-control-off: #636363;
  --o-outline: rgb(0 0 0 / 0);
  --o-focus: #c4510a;
  --o-scrim: rgb(0 0 0 / 0.45);
  --brand-primary: #f97705;
  --brand-tint: #ffeddf;
  --brand-light: #ffbb92;
  --brand-deep: #db3012;
  --chart-1: #e55b00;
  --chart-2: #1292c0;
  --chart-3: #3b9555;
  --chart-4: #ca9d33;
  --chart-5: #7b63a3;
  --order-new-bg: #e3f4ff;
  --order-new-text: #004b97;
  --order-processing-bg: #f8f2dc;
  --order-processing-text: #705100;
  --order-ready-bg: #ffede0;
  --order-ready-text: #9b2300;
  --order-completed-bg: #e6f8e6;
  --order-completed-text: #005500;
  --order-delivered-bg: #ddf9f2;
  --order-delivered-text: #00554b;
  --order-cancelled-bg: #ffeaeb;
  --order-cancelled-text: #9e122b;
  --order-rejected-bg: #ffe1e1;
  --order-rejected-text: #880021;
  --order-refunded-bg: #f5eeff;
  --order-refunded-text: #643b9a;
  --order-draft-bg: #f2f2f2;
  --order-draft-text: #636363;
  --payment-paid-bg: #e6f8e6;
  --payment-paid-text: #005500;
  --payment-unpaid-bg: #ffeaeb;
  --payment-unpaid-text: #9e122b;
  --payment-pending-bg: #f8f2dc;
  --payment-pending-text: #705100;
  --table-available-bg: #e6f8e6;
  --table-available-text: #005500;
  --table-occupied-bg: #ffede0;
  --table-occupied-text: #9b2300;
  --table-reserved-bg: #e3f4ff;
  --table-reserved-text: #004b97;
  --table-needs-attention-bg: #ffe1e1;
  --table-needs-attention-text: #880021;
  --table-billed-bg: #f5eeff;
  --table-billed-text: #643b9a;
  --state-active-bg: #e6f8e6;
  --state-active-text: #005500;
  --state-inactive-bg: #f2f2f2;
  --state-inactive-text: #636363;
  --o-elev-1: 0 0 #0000;
  --o-elev-2: 0 2px 6px rgb(0 0 0 / .06), 0 10px 28px rgb(0 0 0 / .10);
  --o-elev-3: 0 6px 16px rgb(0 0 0 / .08), 0 24px 56px rgb(0 0 0 / .14);
  --o-ring: 0 0 0 2px #ffffff, 0 0 0 5px #c4510a;
}
:root[data-theme="dark"], :root[data-orderly-theme="dark"], html.dark {
  --o-bg: #070707;
  --o-surface: #181818;
  --o-surface-2: #0f0f0f;
  --o-surface-3: #262626;
  --o-text: #f2f2f2;
  --o-text-2: #c4c4c4;
  --o-text-3: #9e9e9e;
  --o-accent: #ff8950;
  --o-accent-deep: #ffb980;
  --o-accent-tint: #303030;
  --o-focus: var(--o-accent);
  --o-go: #4cb86a;
  --o-go-deep: #93e4a4;
  --o-go-tint: #14361d;
  --o-warn: #f4c26a;
  --o-warn-tint: #392c0c;
  --o-danger: #ff8b83;
  --o-danger-tint: #47211e;
  --o-toast-bg: #333333;
  --o-toast-text: #f5f5f5;
  --o-toast-action: #ffc28c;
  --o-toast-go: #75df8f;
  --o-toast-danger: #ff9189;
  --o-toast-warn: #fccd73;
  --o-control-off: #989898;
  --o-outline: rgb(255 255 255 / 0);
  --o-focus: #ff8950;
  --o-scrim: rgb(0 0 0 / 0.6);
  --order-new-bg: #0e2440;
  --order-new-text: #a1c7f8;
  --order-processing-bg: #2d2300;
  --order-processing-text: #dbcb8e;
  --order-ready-bg: #3e1700;
  --order-ready-text: #fbba96;
  --order-completed-bg: #0e2510;
  --order-completed-text: #a4d2a4;
  --order-delivered-bg: #002722;
  --order-delivered-text: #8fd3ca;
  --order-cancelled-bg: #3c1619;
  --order-cancelled-text: #f4b0af;
  --order-rejected-bg: #3a0d14;
  --order-rejected-text: #f7a3a5;
  --order-refunded-bg: #281e39;
  --order-refunded-text: #d2bff8;
  --order-draft-bg: #1f1f1f;
  --order-draft-text: #9e9e9e;
  --o-elev-2: 0 2px 8px rgb(0 0 0 / .5), 0 12px 32px rgb(0 0 0 / .45);
  --o-elev-3: 0 8px 20px rgb(0 0 0 / .55), 0 28px 60px rgb(0 0 0 / .55);
  --o-ring: 0 0 0 2px #181818, 0 0 0 5px #ff8950;
}
@media (prefers-color-scheme: dark) { :root:not([data-theme]):not([data-orderly-theme]):not(.light) {
  --o-bg: #070707;
  --o-surface: #181818;
  --o-surface-2: #0f0f0f;
  --o-surface-3: #262626;
  --o-text: #f2f2f2;
  --o-text-2: #c4c4c4;
  --o-text-3: #9e9e9e;
  --o-accent: #ff8950;
  --o-accent-deep: #ffb980;
  --o-accent-tint: #303030;
  --o-focus: var(--o-accent);
  --o-go: #4cb86a;
  --o-go-deep: #93e4a4;
  --o-go-tint: #14361d;
  --o-warn: #f4c26a;
  --o-warn-tint: #392c0c;
  --o-danger: #ff8b83;
  --o-danger-tint: #47211e;
  --o-toast-bg: #333333;
  --o-toast-text: #f5f5f5;
  --o-toast-action: #ffc28c;
  --o-toast-go: #75df8f;
  --o-toast-danger: #ff9189;
  --o-toast-warn: #fccd73;
  --o-control-off: #989898;
  --o-outline: rgb(255 255 255 / 0);
  --o-focus: #ff8950;
  --o-scrim: rgb(0 0 0 / 0.6);
  --order-new-bg: #0e2440;
  --order-new-text: #a1c7f8;
  --order-processing-bg: #2d2300;
  --order-processing-text: #dbcb8e;
  --order-ready-bg: #3e1700;
  --order-ready-text: #fbba96;
  --order-completed-bg: #0e2510;
  --order-completed-text: #a4d2a4;
  --order-delivered-bg: #002722;
  --order-delivered-text: #8fd3ca;
  --order-cancelled-bg: #3c1619;
  --order-cancelled-text: #f4b0af;
  --order-rejected-bg: #3a0d14;
  --order-rejected-text: #f7a3a5;
  --order-refunded-bg: #281e39;
  --order-refunded-text: #d2bff8;
  --order-draft-bg: #1f1f1f;
  --order-draft-text: #9e9e9e;
  --o-elev-2: 0 2px 8px rgb(0 0 0 / .5), 0 12px 32px rgb(0 0 0 / .45);
  --o-elev-3: 0 8px 20px rgb(0 0 0 / .55), 0 28px 60px rgb(0 0 0 / .55);
  --o-ring: 0 0 0 2px #181818, 0 0 0 5px #ff8950;
} }
:root[data-theme="light-hc"] {
  --o-bg: #ffffff;
  --o-surface-2: #e8e8e8;
  --o-surface-3: #d7d7d7;
  --o-text: #000000;
  --o-text-2: #1f1f1f;
  --o-text-3: #303030;
  --o-accent: #ad3300;
  --o-accent-deep: #7c1600;
  --o-accent-tint: #ffe5d2;
  --o-accent-solid: #882600;
  --o-accent-solid-hover: #6e1c03;
  --o-go: #006527;
  --o-go-solid: #00521f;
  --o-go-deep: #004519;
  --o-go-tint: #d9f3dd;
  --o-warn: #583400;
  --o-warn-tint: #fbe9c6;
  --o-danger: #8d000e;
  --o-danger-tint: #ffe4e1;
  --o-danger-solid: #900007;
  --o-toast-bg: #0d0d0d;
  --o-toast-text: #ffffff;
  --o-toast-action: #ffc184;
  --o-toast-go: #7ce695;
  --o-toast-danger: #ff9890;
  --o-toast-warn: #ffd077;
  --o-control-off: #2e2e2e;
  --o-outline: #292929;
  --o-focus: #882600;
  --o-scrim: rgb(0 0 0 / 0.6);
  --o-elev-2: 0 2px 6px rgb(0 0 0 / .12);
  --o-elev-3: 0 6px 16px rgb(0 0 0 / .18);
  --o-ring: 0 0 0 2px #ffffff, 0 0 0 6px #882600;
}
:root[data-theme="dark-hc"] {
  --o-bg: #070707;
  --o-surface: #181818;
  --o-surface-2: #0f0f0f;
  --o-surface-3: #262626;
  --o-text: #f2f2f2;
  --o-text-2: #c4c4c4;
  --o-text-3: #9e9e9e;
  --o-accent: #ff8950;
  --o-accent-deep: #ffb980;
  --o-accent-tint: #303030;
  --o-focus: var(--o-accent);
  --o-go: #4cb86a;
  --o-go-deep: #93e4a4;
  --o-go-tint: #14361d;
  --o-warn: #f4c26a;
  --o-warn-tint: #392c0c;
  --o-danger: #ff8b83;
  --o-danger-tint: #47211e;
  --o-toast-bg: #333333;
  --o-toast-text: #f5f5f5;
  --o-toast-action: #ffc28c;
  --o-toast-go: #75df8f;
  --o-toast-danger: #ff9189;
  --o-toast-warn: #fccd73;
  --o-control-off: #989898;
  --o-outline: rgb(255 255 255 / 0);
  --o-focus: #ff8950;
  --o-scrim: rgb(0 0 0 / 0.6);
  --order-new-bg: #0e2440;
  --order-new-text: #a1c7f8;
  --order-processing-bg: #2d2300;
  --order-processing-text: #dbcb8e;
  --order-ready-bg: #3e1700;
  --order-ready-text: #fbba96;
  --order-completed-bg: #0e2510;
  --order-completed-text: #a4d2a4;
  --order-delivered-bg: #002722;
  --order-delivered-text: #8fd3ca;
  --order-cancelled-bg: #3c1619;
  --order-cancelled-text: #f4b0af;
  --order-rejected-bg: #3a0d14;
  --order-rejected-text: #f7a3a5;
  --order-refunded-bg: #281e39;
  --order-refunded-text: #d2bff8;
  --order-draft-bg: #1f1f1f;
  --order-draft-text: #9e9e9e;
  --o-elev-2: 0 2px 8px rgb(0 0 0 / .5), 0 12px 32px rgb(0 0 0 / .45);
  --o-elev-3: 0 8px 20px rgb(0 0 0 / .55), 0 28px 60px rgb(0 0 0 / .55);
  --o-ring: 0 0 0 2px #181818, 0 0 0 5px #ff8950;
  --o-bg: #000000;
  --o-surface: #090909;
  --o-surface-2: #020202;
  --o-surface-3: #1f1f1f;
  --o-text: #ffffff;
  --o-text-2: #e4e4e4;
  --o-text-3: #d1d1d1;
  --o-accent: #ff9f5f;
  --o-accent-deep: #ffd0a2;
  --o-accent-tint: #303030;
  --o-accent-solid: #ff9f5f;
  --o-focus: var(--o-accent);
  --o-accent-solid-hover: #ffbc83;
  --o-go: #75df8f;
  --o-go-solid: #75df8f;
  --o-go-deep: #aef1bb;
  --o-go-tint: #092c13;
  --o-warn: #ffd986;
  --o-warn-tint: #2f2203;
  --o-danger: #ffaea6;
  --o-danger-tint: #3c1715;
  --o-danger-solid: #ff9890;
  --o-on-solid: #000000;
  --o-toast-bg: #383838;
  --o-toast-text: #ffffff;
  --o-toast-action: #ffd1a0;
  --o-toast-go: #89eb9f;
  --o-toast-danger: #ffa299;
  --o-toast-warn: #ffd787;
  --o-control-off: #bebebe;
  --o-outline: #c4c4c4;
  --o-focus: #ff9f5f;
  --o-scrim: rgb(0 0 0 / 0.75);
  --order-new-bg: #0e2440;
  --order-new-text: #a1c7f8;
  --order-processing-bg: #2d2300;
  --order-processing-text: #dbcb8e;
  --order-ready-bg: #3e1700;
  --order-ready-text: #fbba96;
  --order-completed-bg: #0e2510;
  --order-completed-text: #a4d2a4;
  --order-delivered-bg: #002722;
  --order-delivered-text: #8fd3ca;
  --order-cancelled-bg: #3c1619;
  --order-cancelled-text: #f4b0af;
  --order-rejected-bg: #3a0d14;
  --order-rejected-text: #f7a3a5;
  --order-refunded-bg: #281e39;
  --order-refunded-text: #d2bff8;
  --order-draft-bg: #1f1f1f;
  --order-draft-text: #9e9e9e;
  --o-elev-2: 0 0 #0000;
  --o-elev-3: 0 0 #0000;
  --o-ring: 0 0 0 2px #000000, 0 0 0 6px #ff9f5f;
}
@media (prefers-contrast: more) {
  :root:not([data-theme]):not([data-orderly-theme]) { --o-bg: #ffffff;
  --o-surface-2: #e8e8e8;
  --o-surface-3: #d7d7d7;
  --o-text: #000000;
  --o-text-2: #1f1f1f;
  --o-text-3: #303030;
  --o-accent: #ad3300;
  --o-accent-deep: #7c1600;
  --o-accent-tint: #ffe5d2;
  --o-accent-solid: #882600;
  --o-accent-solid-hover: #6e1c03;
  --o-go: #006527;
  --o-go-solid: #00521f;
  --o-go-deep: #004519;
  --o-go-tint: #d9f3dd;
  --o-warn: #583400;
  --o-warn-tint: #fbe9c6;
  --o-danger: #8d000e;
  --o-danger-tint: #ffe4e1;
  --o-danger-solid: #900007;
  --o-toast-bg: #0d0d0d;
  --o-toast-text: #ffffff;
  --o-toast-action: #ffc184;
  --o-toast-go: #7ce695;
  --o-toast-danger: #ff9890;
  --o-toast-warn: #ffd077;
  --o-control-off: #2e2e2e;
  --o-outline: #292929;
  --o-focus: #882600;
  --o-scrim: rgb(0 0 0 / 0.6);
  --o-elev-2: 0 2px 6px rgb(0 0 0 / .12);
  --o-elev-3: 0 6px 16px rgb(0 0 0 / .18);
  --o-ring: 0 0 0 2px #ffffff, 0 0 0 6px #882600; }
}
@media (prefers-contrast: more) and (prefers-color-scheme: dark) {
  :root:not([data-theme]):not([data-orderly-theme]):not(.light) { --o-bg: #000000;
  --o-surface: #090909;
  --o-surface-2: #020202;
  --o-surface-3: #1f1f1f;
  --o-text: #ffffff;
  --o-text-2: #e4e4e4;
  --o-text-3: #d1d1d1;
  --o-accent: #ff9f5f;
  --o-accent-deep: #ffd0a2;
  --o-accent-tint: #303030;
  --o-accent-solid: #ff9f5f;
  --o-focus: var(--o-accent);
  --o-accent-solid-hover: #ffbc83;
  --o-go: #75df8f;
  --o-go-solid: #75df8f;
  --o-go-deep: #aef1bb;
  --o-go-tint: #092c13;
  --o-warn: #ffd986;
  --o-warn-tint: #2f2203;
  --o-danger: #ffaea6;
  --o-danger-tint: #3c1715;
  --o-danger-solid: #ff9890;
  --o-on-solid: #000000;
  --o-toast-bg: #383838;
  --o-toast-text: #ffffff;
  --o-toast-action: #ffd1a0;
  --o-toast-go: #89eb9f;
  --o-toast-danger: #ffa299;
  --o-toast-warn: #ffd787;
  --o-control-off: #bebebe;
  --o-outline: #c4c4c4;
  --o-focus: #ff9f5f;
  --o-scrim: rgb(0 0 0 / 0.75);
  --order-new-bg: #0e2440;
  --order-new-text: #a1c7f8;
  --order-processing-bg: #2d2300;
  --order-processing-text: #dbcb8e;
  --order-ready-bg: #3e1700;
  --order-ready-text: #fbba96;
  --order-completed-bg: #0e2510;
  --order-completed-text: #a4d2a4;
  --order-delivered-bg: #002722;
  --order-delivered-text: #8fd3ca;
  --order-cancelled-bg: #3c1619;
  --order-cancelled-text: #f4b0af;
  --order-rejected-bg: #3a0d14;
  --order-rejected-text: #f7a3a5;
  --order-refunded-bg: #281e39;
  --order-refunded-text: #d2bff8;
  --order-draft-bg: #1f1f1f;
  --order-draft-text: #9e9e9e;
  --o-elev-2: 0 0 #0000;
  --o-elev-3: 0 0 #0000;
  --o-ring: 0 0 0 2px #000000, 0 0 0 6px #ff9f5f; }
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --target-min: 48px;
  --target-comfort: 56px;
  --target-hero: 72px;
  --pane-list: 360px;
  --reading-max: 640px;
  --page-width: 1200px;
  --header-height: 64px;
  --o-r-xs: 8px;
  --o-r-sm: 12px;
  --o-r: 16px;
  --o-r-lg: 28px;
  --o-r-pill: 999px;
  --bp-medium: 600px;
  --bp-expanded: 840px;
  --bp-large: 1200px;
  --bp-xlarge: 1600px;
  --dur-fast: 150ms;
  --dur-default: 250ms;
  --dur-slow: 350ms;
  --dur-hero: 500ms;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --ease-spring: cubic-bezier(0.38, 1.21, 0.22, 1);
  --state-hover: 0.08;
  --state-focus: 0.1;
  --state-pressed: 0.1;
  --state-dragged: 0.16;
  --state-disabled: 0.38;
  --font-sans: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --font-mono: "DM Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
}
}