/* GENERATED FILE — DO NOT EDIT.
 *
 * Copied from the brindola-site repo by scripts/sync-site.mjs: the site's
 * src/styles/tokens.css (itself generated from the app) and fonts.css.
 * Site commit: 847224761feca9b50e2296343d98501029c47402
 * Generated: 2026-09-07
 *
 * To change a token, change it in the app and re-run both syncs; to change a
 * face, change the site's fonts.css. The cloud's own rules are cloud.css.
 */

/* GENERATED FILE — DO NOT EDIT.
 *
 * Copied from the brindola-pos app repo by scripts/sync-tokens.mjs (docs/53 §10).
 * Source: app/src/globals.css
 * Source commit: 6eb1c3297d6a84c50a328144d912d27b9c6cc636
 * Generated: 2026-09-02
 *
 * The app owns these tokens (docs/23). To change one, change it in the app
 * and re-run `npm run sync:tokens`. The site has no theme toggle
 * (docs/53 §8.1), so the app's `.dark` rule is re-emitted here under
 * prefers-color-scheme.
 */

:root {
  --font-sans: "Firago", sans-serif;

  /* Brand colors — the product skin overrides these at startup (docs/09);
     venue-level overrides may layer on top later */
  --color-primary: oklch(55% 0.02 0);
  --color-secondary: oklch(35% 0.02 0);
  --color-primary-contrast: #ffffff;
  --color-brand-accent: var(--color-primary);

  /* Base font size (px) from store settings; used by html for rem scaling */
  --font-scale: 16;

  /* --- Sidebar (shadcn) --- */
  --color-sidebar: hsl(0 0% 98%);
  --color-sidebar-foreground: hsl(240 5.3% 26.1%);
  --color-sidebar-primary: hsl(240 5.9% 10%);
  --color-sidebar-primary-foreground: hsl(0 0% 98%);
  --color-sidebar-accent: hsl(240 4.8% 95.9%);
  --color-sidebar-accent-foreground: hsl(240 5.9% 10%);
  --color-sidebar-border: hsl(220 13% 91%);
  --color-sidebar-ring: hsl(217.2 91.2% 59.8%);

  /* --- App Background --- */
  /* bg-app: warm canvas behind all content */
  --color-app-bg: #fcf7f5;
  /* bg-base: used for input backgrounds and active nav items */
  --color-bg-base: #fcf7f5;

  /* --- Surfaces --- */
  /* bg-surface: cards, panels, page-level containers */
  --color-surface: #ffffff;
  /* bg-surface-muted: card/table headers, subtle section fills */
  --color-surface-muted: #f8fafc;
  /* bg-surface-hover: row/item hover states */
  --color-surface-hover: #f1f5f9;
  /* bg-surface-subtle: badges, chips, dashed outlines */
  --color-surface-subtle: #f1f5f9;
  /* bg-surface-elevated: modals, dropdowns — sits above surface */
  --color-surface-elevated: #ffffff;

  /* --- Text --- */
  --color-fg: #0f172a;        /* Primary text — slate-900 */
  --color-fg-muted: #475569;  /* Secondary text — slate-600 */
  --color-fg-subtle: #94a3b8; /* Placeholder / tertiary — slate-400 */

  /* --- Borders --- */
  --color-border: #e2e8f0;        /* Default border — slate-200 */
  --color-border-strong: #cbd5e1; /* Stronger border — slate-300 */

  /* --- Charts (docs/25) ---
     Categorical series slots, in FIXED assignment order — never cycled, and
     the ordering IS the colorblind-safety mechanism (validated adjacent-pair
     CVD ΔE ≥ 8 in both modes on our surfaces; re-run the dataviz validator
     before reordering or adding a slot). Slot 1 doubles as the single-series
     hue. Three light slots sit under 3:1 against white — legal only because
     every chart renders beside labeled rows (the relief rule).

     These live HERE, in a plain rule beside their `.dark` counterparts, and
     must never move back into `@theme`. Tailwind v4 emits a `@theme` variable
     only when a generated utility class references it, and nothing wears a
     `bg-chart-*` class — every use is `var(--color-chart-N)` built by string
     interpolation in `components/reports/chart-helpers.ts`, which the scanner
     cannot see. In `@theme` these five were silently dropped from the light
     build (the dark ones survived only because `.dark` is a plain rule), so
     every series, bar, dot and legend swatch on the Reports page fell back to
     black in light mode — typecheck-clean, lint-clean, and shipped
     (found 2026-08-08). Same failure family as the undefined-token-class
     bugs in docs/23. */
  --color-chart-1: #2a78d6;
  --color-chart-2: #eb6834;
  --color-chart-3: #1baf7a;
  --color-chart-4: #eda100;
  --color-chart-5: #e87ba4;
}

@media (prefers-color-scheme: dark) {
  :root {
    /* --- Sidebar --- */
    --color-sidebar: hsl(224 22% 11%);
    --color-sidebar-foreground: #94a3b8;
    --color-sidebar-primary: var(--color-primary);
    --color-sidebar-primary-foreground: #ffffff;
    --color-sidebar-accent: hsl(224 16% 19%);
    --color-sidebar-accent-foreground: #e2e8f0;
    --color-sidebar-border: hsl(224 14% 19%);
    --color-sidebar-ring: var(--color-primary);

    /* --- App Background --- */
    --color-app-bg: hsl(224 20% 9%);   /* Deep charcoal-blue canvas */
    --color-bg-base: hsl(224 16% 14%); /* Matches surface for input/nav consistency */

    /* --- Surfaces --- */
    --color-surface: hsl(224 16% 14%);          /* Cards, panels */
    --color-surface-muted: hsl(224 18% 11%);    /* Card headers — darker than card */
    --color-surface-hover: hsl(224 16% 20%);    /* Hover state */
    --color-surface-subtle: hsl(224 14% 18%);   /* Badge / chip backgrounds */
    --color-surface-elevated: hsl(224 16% 17%); /* Modals, dropdowns */

    /* --- Text --- */
    --color-fg: #e2e8f0;        /* Soft white — slate-200, no eye strain */
    --color-fg-muted: #94a3b8;  /* slate-400 */
    --color-fg-subtle: #64748b; /* slate-500 */

    /* --- Borders --- */
    --color-border: hsl(224 14% 22%);       /* Subtle divider */
    --color-border-strong: hsl(224 12% 30%); /* Visible border */

    /* --- Charts (docs/25) --- the same hues stepped for the dark surface,
       validated as their own set — never an automatic flip of the light steps. */
    --color-chart-1: #3987e5;
    --color-chart-2: #d95926;
    --color-chart-3: #199e70;
    --color-chart-4: #c98500;
    --color-chart-5: #d55181;

    /* --- Status roles --- */
    /* Fills stay in the -500 range (readable as bold text on charcoal);
       surfaces drop to -950 so tinted badges read as background, not as
       another card. The --ob-* delivery-board bridge below is a near-match
       kept separate for now — reconciling the two is Phase 7 work. */
    --color-status-ok: #22c55e;
    --color-status-ok-fg: #4ade80;
    --color-status-ok-surface: #052e16;
    --color-status-ok-border: #14532d;

    --color-status-warn: #f59e0b;
    --color-status-warn-fg: #fbbf24;
    --color-status-warn-surface: #451a03;
    --color-status-warn-border: #78350f;

    --color-status-danger: #ef4444;
    --color-status-danger-fg: #f87171;
    --color-status-danger-surface: #450a0a;
    --color-status-danger-border: #7f1d1d;
    --color-destructive: var(--color-status-danger);

    --color-status-info: #3b82f6;
    --color-status-info-fg: #60a5fa;
    --color-status-info-surface: #172554;
    --color-status-info-border: #1e3a8a;

    --color-status-neutral: hsl(224 12% 45%);
    --color-status-neutral-fg: #94a3b8;
    --color-status-neutral-surface: hsl(224 14% 18%);
    --color-status-neutral-border: hsl(224 12% 30%);

    /* Allergen hues, lifted for a dark surface — same identities, enough
       lightness to stay legible at chip size. */
    --color-allergen-gluten: #fbbf24;
    --color-allergen-crustacean: #fb923c;
    --color-allergen-egg: #fde047;
    --color-allergen-fish: #38bdf8;
    --color-allergen-peanut: #d97706;
    --color-allergen-soy: #a3e635;
    --color-allergen-milk: #7dd3fc;
    --color-allergen-nut: #f97316;
    --color-allergen-celery: #4ade80;
    --color-allergen-mustard: #facc15;
    --color-allergen-sesame: #e0b080;
    --color-allergen-sulphite: #c084fc;
    --color-allergen-lupin: #d8b4fe;
    --color-allergen-mollusc: #2dd4bf;
  }
}

/* FiraGO, the app's single face (docs/09, docs/53 §8). The files under
 * public/fonts/ are per-script subsets cut from the app's own woff2 by
 * scripts/subset-fonts.mjs — the unicode-range below MUST match the ranges in
 * that script, so a page in one script never fetches another's glyphs
 * (docs/53 §8.2).
 *
 * font-display: swap on every face (docs/53 §9.1).
 * Three weights: 400 for text, 600 for headings, 700 for the display-scale
 * hero headline only (docs/53 §8.1).
 */

/* --- Latin --- */
@font-face {
  font-family: "FiraGO";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/firago-400-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0100-017F, U+0131, U+2000-206F, U+2074,
    U+20A0-20BF, U+2122, U+2190-2199, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "FiraGO";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/firago-600-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0100-017F, U+0131, U+2000-206F, U+2074,
    U+20A0-20BF, U+2122, U+2190-2199, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "FiraGO";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/firago-700-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0100-017F, U+0131, U+2000-206F, U+2074,
    U+20A0-20BF, U+2122, U+2190-2199, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* --- Georgian --- */
@font-face {
  font-family: "FiraGO";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/firago-400-georgian.woff2") format("woff2");
  unicode-range: U+10A0-10FF, U+1C90-1CBF, U+2D00-2D2F;
}
@font-face {
  font-family: "FiraGO";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/firago-600-georgian.woff2") format("woff2");
  unicode-range: U+10A0-10FF, U+1C90-1CBF, U+2D00-2D2F;
}

@font-face {
  font-family: "FiraGO";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/firago-700-georgian.woff2") format("woff2");
  unicode-range: U+10A0-10FF, U+1C90-1CBF, U+2D00-2D2F;
}

/* --- Arabic --- */
@font-face {
  font-family: "FiraGO";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/firago-400-arabic.woff2") format("woff2");
  unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF,
    U+FE70-FEFF;
}

@font-face {
  font-family: "FiraGO";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/firago-600-arabic.woff2") format("woff2");
  unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF,
    U+FE70-FEFF;
}

@font-face {
  font-family: "FiraGO";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/firago-700-arabic.woff2") format("woff2");
  unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF,
    U+FE70-FEFF;
}

/* The Hebrew face joins with its writer (docs/53 §11) — a line in
 * scripts/subset-fonts.mjs and three rules here. */