/* Aestar product tokens — 2026 ops UI.
   Dark navy is the Owner Desk default (`data-theme="dark"` or
   `.ae-theme-dark`). Light is the opt-in canvas. Dark canvas/surfaces are
   Aestar marketing navy (#0a1128 / #0b1f3a), never #000 or charcoal.
   Semantic color: red attention, amber waiting, green on-track. Not
   Dispatchly yellow. */

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/assets/fonts/InterVariable.woff2") format("woff2");
}

:root,
.ae-theme-light {
  color-scheme: light;
  --ae-canvas: #fafaf9;
  --ae-surface: #ffffff;
  --ae-ink: #09090b;
  --ae-muted: #71717a;
  --ae-line: #e4e4e7;
  --ae-line-strong: #d4d4d8;
  --ae-accent: #ea580c;
  --ae-accent-hover: #c2410c;
  --ae-accent-soft: #fff7ed;
  --ae-chip-bg: #fff7ed;
  --ae-chip-ink: #09090b;
  --ae-chip-line: #e7c9a4;
  --ae-danger: #dc2626;
  --ae-danger-soft: #fef2f2;
  --ae-wait: #d97706;
  --ae-wait-soft: #fffbeb;
  --ae-ok: #16a34a;
  --ae-ok-soft: #f0fdf4;
  --ae-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
  --ae-radius: 8px;
  --ae-font:
    Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --ae-text: 14px;
  --ae-text-table: 13px;
  --ae-sidebar: 232px;
  --ae-sidebar-collapsed: 56px;
  --ae-focus: 0 0 0 2px var(--ae-canvas), 0 0 0 4px var(--ae-accent);
}

[data-theme="dark"],
.ae-theme-dark {
  color-scheme: dark;
  --ae-canvas: #0a1128;
  --ae-surface: #0b1f3a;
  --ae-ink: #f4f7fb;
  --ae-muted: #9aacbf;
  --ae-line: #143056;
  --ae-line-strong: #1b3c68;
  --ae-accent: #fb923c;
  --ae-accent-hover: #fdba74;
  /* Explicit hex — color-mix fails closed to :root cream on iOS, then
     pairs with near-white --ae-ink and labels vanish. */
  --ae-accent-soft: #36343a;
  --ae-chip-bg: #3d2914;
  --ae-chip-ink: #ffedd5;
  --ae-chip-line: #c2410c;
  --ae-danger: #f87171;
  --ae-danger-soft: #3e2638;
  --ae-wait: #f97316;
  --ae-wait-soft: #3e2624;
  --ae-ok: #4ade80;
  --ae-ok-soft: #153537;
  --ae-shadow: 0 1px 2px rgba(10, 17, 40, 0.45);
  --ae-focus: 0 0 0 2px var(--ae-canvas), 0 0 0 4px var(--ae-accent);
}

.ae-tabular {
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings:
    "tnum" 1,
    "lnum" 1;
}