/* Gerado por ~/dev/salsago/marca (bun run build). Não edite à mão. */

/* Larguras de tela (use em @media; variável não funciona ali): sm 640px · md 768px · lg 1024px · xl 1280px · 2xl 1536px */

:root {
  color-scheme: light;
  --brand-blue: #2457c5;
  --brand-ink: #243247;
  --brand-molho: #e8542f;
  --brand-molho-forte: #cf4423;
  --brand-balcao: #edece7;
  --brand-papel: #f6f4f2;
  --brand-noite: #11161e;
  --brand-white: #ffffff;
  --status-preparing: #eb5757;
  --status-ready: #f2994a;
  --status-dispatched: #2f80ed;
  --status-delivered: #5acc5a;
  --status-cancelled: #ba0f30;
  --radius-bar: 3px;
  --radius-tag: 6px;
  --radius-control: 10px;
  --radius-card: 14px;
  --radius-dialog: 16px;
  --radius-pill: 9999px;
  --space-0: 0px;
  --space-2: 2px;
  --space-4: 4px;
  --space-6: 6px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-20: 20px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-64: 64px;
  --size-control-sm: 32px;
  --size-control: 36px;
  --size-control-lg: 40px;
  --size-touch: 44px;
  --size-button-courier: 56px;
  --size-badge: 22px;
  --size-icon-sm: 14px;
  --size-icon: 16px;
  --size-icon-md: 20px;
  --size-icon-lg: 24px;
  --layout-gutter-mobile: 16px;
  --layout-gutter-desktop: 24px;
  --layout-sidebar: 232px;
  --layout-sidebar-collapsed: 64px;
  --layout-header: 48px;
  --layout-header-mobile: 56px;
  --layout-drawer: 560px;
  --layout-dialog: 512px;
  --layout-content-max: 1600px;
  --border-hairline: 1px;
  --border-input-focus: 1.5px;
  --border-focus-ring: 2px;
  --border-focus-offset: 2px;
  --z-raised: 10;
  --z-sticky: 20;
  --z-header: 30;
  --z-drawer: 40;
  --z-dialog: 50;
  --z-popover: 60;
  --z-toast: 70;
  --z-tooltip: 80;
  --opacity-disabled: 0.5;
  --opacity-status-bg: 0.15;
  --opacity-status-border: 0.25;
  --opacity-chart-fill: 0.1;
  --font-sans: "Manrope", system-ui, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --text-micro: 11px;
  --text-xs: 12px;
  --text-sm: 13px;
  --text-base: 14px;
  --text-md: 15px;
  --text-lg: 17px;
  --text-xl: 22px;
  --text-2xl: 26px;
  --text-display: 40px;
  --motion-fast: 140ms;
  --motion-base: 220ms;
  --motion-slow: 320ms;
  --motion-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --canvas: #edece7;
  --bg: #f6f4f2;
  --card: #faf9f7;
  --popover: #ffffff;
  --field: #ffffff;
  --muted: #eeece7;
  --secondary: #e5e4df;
  --accent: #eceae5;
  --inset: #e5e3dd;
  --hover: #f1efeb;
  --selection: #e4edfc;
  --fg: #252b38;
  --muted-fg: #5f6673;
  --subtle-fg: #646a76;
  --border: #dcdad3;
  --divider: #e2e0d9;
  --input: #80817c;
  --ring: #2457c5;
  --primary-accent: #2457c5;
  --nav-icon-accent: #2f6fe4;
  --action: #2457c5;
  --action-hover: #1e49a8;
  --action-fg: #ffffff;
  --inverted: #243247;
  --inverted-fg: #f6f4f2;
  --destructive: #bd3048;
  --destructive-fg: #ffffff;
  --good: #28704d;
  --good-bg: #e2f0e7;
  --warn: #94600d;
  --warn-bg: #f6ecd8;
  --bad: #bd3048;
  --bad-bg: #f8e4e7;
  --info: #2457c5;
  --info-bg: #e4edfc;
  --preparing-fg: #c62828;
  --ready-fg: #9a4706;
  --dispatched-fg: #1d5fc4;
  --delivered-fg: #1f7a3a;
  --cancelled-fg: #ba0f30;
  --channel-ifood: #2a78d6;
  --channel-ninetyninefood: #eb6834;
  --channel-telwhats: #1baf7a;
  --channel-balcao: #eda100;
  --channel-catalog: #e87ba4;
  --channel-other: #a8a193;
  --chart-1: #2457c5;
  --chart-2: #d08a2e;
  --chart-3: #2f8f8a;
  --chart-4: #7a5bc7;
  --chart-5: #c2567a;
  --chart-6: #5f6673;
  --chart-prev: #7d8594;
  --heat-0: #f4f1ec;
  --heat-1: #f8e4e7;
  --heat-2: #f0c3cb;
  --heat-3: #e3919f;
  --heat-4: #cf5d72;
  --heat-5: #bd3048;
  --overlay: rgba(37, 43, 56, 0.18);
  --pop-shadow: 0 24px 64px rgba(37, 43, 56, 0.22);
  --raised-shadow: 0 1px 2px rgba(37, 43, 56, 0.14);
}

.dark,
[data-theme="dark"] {
  color-scheme: dark;
  --canvas: #11161e;
  --bg: #171e28;
  --card: #1d2734;
  --popover: #232f3f;
  --field: #192330;
  --muted: #202a38;
  --secondary: #283445;
  --accent: #29374a;
  --inset: #131b25;
  --hover: #232f3e;
  --selection: #233a5c;
  --fg: #e7edf5;
  --muted-fg: #a5b3c6;
  --subtle-fg: #8f99ac;
  --border: #334154;
  --divider: #2d3c50;
  --input: #6e8098;
  --ring: #8cb8ff;
  --primary-accent: #8cb8ff;
  --nav-icon-accent: #4f8dff;
  --action: #3266c7;
  --action-hover: #2858b1;
  --action-fg: #ffffff;
  --inverted: #e7edf5;
  --inverted-fg: #17202e;
  --destructive: #b82e46;
  --destructive-fg: #ffffff;
  --good: #6fd19c;
  --good-bg: #173a2a;
  --warn: #e7b65a;
  --warn-bg: #3b2f17;
  --bad: #f08597;
  --bad-bg: #45212b;
  --info: #8cb8ff;
  --info-bg: #233a5c;
  --preparing-fg: #eb5757;
  --ready-fg: #f2994a;
  --dispatched-fg: #2f80ed;
  --delivered-fg: #5acc5a;
  --cancelled-fg: #f08597;
  --channel-ifood: #3987e5;
  --channel-ninetyninefood: #d95926;
  --channel-telwhats: #199e70;
  --channel-balcao: #c98500;
  --channel-catalog: #d55181;
  --channel-other: #9a9486;
  --chart-1: #7fa6f0;
  --chart-2: #e2a95a;
  --chart-3: #5cbab4;
  --chart-4: #a98fe6;
  --chart-5: #e88aa9;
  --chart-6: #a4a9b3;
  --chart-prev: #8b929e;
  --heat-0: #1f2a38;
  --heat-1: #3a2330;
  --heat-2: #5a2a3a;
  --heat-3: #7d3345;
  --heat-4: #a63d53;
  --heat-5: #cc4a62;
  --overlay: rgba(0, 0, 0, 0.6);
  --pop-shadow: 0 24px 64px rgba(0, 0, 0, 0.45);
  --raised-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}

/* Estilos de texto */
.type-hero { font: 800 72px/74px var(--font-sans); letter-spacing: -0.03em; }
.type-display { font: 800 40px/44px var(--font-sans); letter-spacing: -0.03em; }
.type-page-title { font: 800 24px/30px var(--font-sans); letter-spacing: -0.01em; }
.type-section-title { font: 700 17px/24px var(--font-sans); }
.type-card-title { font: 700 15px/22px var(--font-sans); }
.type-body { font: 400 14px/20px var(--font-sans); }
.type-body-strong { font: 600 14px/20px var(--font-sans); }
.type-small { font: 500 13px/18px var(--font-sans); }
.type-caption { font: 500 12px/16px var(--font-sans); }
.type-label { font: 700 11px/14px var(--font-sans); letter-spacing: 0.08em; text-transform: uppercase; }
.type-number-lg { font: 800 28px/32px var(--font-sans); letter-spacing: -0.02em; font-variant-numeric: tabular-nums; }
.type-number { font: 700 15px/20px var(--font-sans); font-variant-numeric: tabular-nums; }
.type-code { font: 500 13px/18px var(--font-mono); font-variant-numeric: tabular-nums; }