/* Aestar product tokens — 2026 ops UI.
   Light is the default. Dark is a second theme (`data-theme="dark"` or
   `.ae-theme-dark`). Light canvas, white cards, black type, orange actions.
   Semantic color: red attention, amber waiting, green on-track.
   Not Dispatchly navy/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-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: #050505;
  --ae-surface: #111111;
  --ae-ink: #fafafa;
  --ae-muted: #a1a1aa;
  --ae-line: #27272a;
  --ae-line-strong: #3f3f46;
  --ae-accent: #fb923c;
  --ae-accent-hover: #fdba74;
  --ae-accent-soft: color-mix(in srgb, #fb923c 16%, #111111);
  --ae-danger: #f87171;
  --ae-danger-soft: #450a0a;
  --ae-wait: #f97316;
  --ae-wait-soft: #431407;
  --ae-ok: #4ade80;
  --ae-ok-soft: #052e16;
  --ae-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  --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;
}