/* ==========================================================================
   LP-DS — tokens do design system dos apps *.lucpache.dev
   Fonte de verdade em /docker/design; os apps recebem uma copia via
   design/sync.sh (nao editar as copias em <app>/.../ds/).

   Modos: B · Nostromo (escuro) e o padrao; A · Painel (claro) via
   <html data-mode="light">. ds.js aplica a escolha salva antes do paint.
   ========================================================================== */

/* B · Nostromo — escuro, padrao */
:root {
  color-scheme: dark;
  --bg: #0E100E;
  --surface: #171A16;
  --line: #2C302A;
  --muted: #8A8470;
  --ink: #E6DFCC;
  --signal: #FF6B35;
  --signal-ink: #FF6B35;
  --on-signal: #0E100E;
  --alt: #5FA8A0;
  --ok: #7FB069;
  --warn: #F2C46D;
  --display-bg: #000000;
  --display-fg: #F2C46D;
  --grain-alpha: .09;
}

/* A · Painel — claro */
:root[data-mode="light"] {
  color-scheme: light;
  --bg: #ECE8DF;
  --surface: #E1DCD0;
  --line: #B9B3A6;
  --muted: #6B665D;
  --ink: #1F1E1B;
  --signal: #E4572E;
  --signal-ink: #B23C17;
  --on-signal: #1F1E1B;
  --alt: #2F6F6A;
  --ok: #4E8A3E;
  --warn: #D9A400;
  --display-bg: #1F1E1B;
  --display-fg: #F2C46D;
  --grain-alpha: .07;
}

/* Escala comum aos dois modos */
:root {
  --font-display: "Archivo", "Helvetica Neue", Arial, sans-serif;
  --font-body: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;
  --font-dot: "Doto", "IBM Plex Mono", monospace;

  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px;
  --s5: 24px; --s6: 32px; --s7: 48px; --s8: 72px;

  --radius: 2px;
  --hair: 1px solid var(--line);
  --rule: 1.5px solid var(--ink);
  --t-fast: 120ms;

  --grain-scale: 1.2;
  --grain-size: calc(200px * var(--grain-scale));

  /* Cor de identidade do app (faixa do topo, numeros de frame...).
     Cada app sobrescreve: links usa --alt, photos usa --signal. */
  --app: var(--signal);
}