/*
 * StockMeta AI — "light table" design tokens.
 * Graphite housing, a warm lumen glow for developed frames, edge-print amber
 * for actions, fixer green for saved work, grease-pencil red for rejects.
 * Shared by the in-page panel (shadow root), Batch Studio, popup and Settings.
 */
:root, :host {
  --graphite-0: #121418;
  --graphite-1: #181b20;
  --graphite-2: #1f2329;
  --graphite-3: #272c33;
  --graphite-4: #30363f;
  --rule: #353b45;
  --rule-soft: #2a2f37;

  --ink: #ece8e1;
  --ink-2: #aab0ba;
  --ink-3: #757d89;

  --amber: #f2a33a;
  --amber-hi: #ffbe5c;
  --amber-ink: #1f1505;
  --amber-soft: rgba(242, 163, 58, 0.14);
  --amber-line: rgba(242, 163, 58, 0.45);

  --lumen: #fff1cf;
  --lumen-glow: rgba(255, 225, 160, 0.5);

  --fixer: #5ccfa0;
  --fixer-soft: rgba(92, 207, 160, 0.14);
  --grease: #ef5a52;
  --grease-soft: rgba(239, 90, 82, 0.14);

  --font: "Archivo", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans Bengali", "Nirmala UI", "Noto Sans", sans-serif;

  --fs-micro: 10.5px;
  --fs-small: 11.5px;
  --fs-body: 12.5px;
  --fs-title: 14px;
  --fs-display: 30px;

  --r-xs: 3px;
  --r-sm: 6px;
  --r-md: 9px;
  --r-lg: 14px;

  --ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --shadow-panel: 0 28px 70px -18px rgba(4, 6, 9, 0.75), 0 0 0 1px rgba(255, 255, 255, 0.05);
  --focus: 0 0 0 2px var(--graphite-1), 0 0 0 4px var(--amber);
}