/* tokens.css — design tokens extracted from the Agentic Live gen-2 PWA shell (share/release). */

:root {
  /* ---- canvas + surfaces ---- */
  --bg: #0a0a0a;
  --panel: #141418;
  --panel-2: #1c1c20;

  /* ---- text ---- */
  --fg: #ededef;
  --muted: #a1a1aa;
  --faint: #71717a;

  /* ---- lines ---- */
  --hairline: #27272a;

  /* ---- brand: Agentic Orange ----
     #f87f2e is BRAND LAW — never use a raw Tailwind orange-* ("turkey color").
     --brand-orange is the canonical token; --orange aliases it everywhere. */
  --brand-orange: #f87f2e;
  --orange: var(--brand-orange);
  --ember: #ffa85e;
  --forge: #d66a1f;

  /* orange tints (alpha of #f87f2e = 248,127,46) */
  --orange-12: rgba(248, 127, 46, 0.12);
  --orange-22: rgba(248, 127, 46, 0.22);
  --orange-35: rgba(248, 127, 46, 0.35);
  --orange-55: rgba(248, 127, 46, 0.55);

  /* ---- status ---- */
  --success: #34d399;
  --warning: #fbbf24;
  --danger: #fb7185;

  /* ---- type seam ----
     Geist webfonts are loaded by the host app; the stack degrades gracefully
     to system mono/sans when Geist is not present. */
  --mono: "Geist Mono", ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;
  --sans: "Geist", -apple-system, system-ui, "Segoe UI", Roboto, Inter, sans-serif;

  /* ---- layout ---- */
  --tabbar-h: 64px;
}