/* ============================================================
   Estaleiro · tokens.css · ÚNICA fonte de cores e medidas do /v2
   Copiado do DESIGN.md (raiz) + mockup-estaleiro-v2.html.
   REGRA DE OURO: zero cores/px fora deste ficheiro.
   Tema CLARO por defeito («Estaleiro Diurno»); escuro no toggle.
   ============================================================ */

:root {
  /* superfícies · papel técnico */
  --bg: #F3F0EA;
  --surface: #FBF9F5;
  --surface-2: #EDE8E0;
  --surface-3: #E2DCD1;
  --border: rgba(30, 25, 15, .12);
  --border-strong: rgba(30, 25, 15, .22);

  /* texto */
  --text: #26221C;
  --text-2: #6B645A;
  --text-3: #9A9287;

  /* semântica: âmbar = pede acção humana · zarcão = SLA/erros */
  --amber: #C77E14;
  --amber-ink: #FFF7EA;
  --amber-soft: rgba(199, 126, 20, .10);
  --amber-border: rgba(199, 126, 20, .4);
  --zarcao: #C24D2C;
  --zarcao-border: rgba(194, 77, 44, .45);
  --ok: #4F7942;
  --warn: #B08514;
  --info: #5B7A8C;

  /* spine */
  --spine: #E8E3D9;

  /* cores de marca (identidade, NUNCA botões/estados) · variantes claras */
  --b-imp: #0284C7;
  --b-ms: #1E3D59;
  --b-avac: #0284C7;
  --b-lsf: #7C3AED;
  --b-ser: #B45309;
  --b-cof: #64748B;
  --b-carp: #A16207;

  /* técnicos da agenda */
  --tech-1: #0D9488;
  --tech-2: #6366F1;
  --tech-3: #C77E14;

  /* tipografia */
  --f-d: "Bricolage Grotesque", sans-serif;
  --f-b: "Hanken Grotesk", sans-serif;
  --f-m: "IBM Plex Mono", monospace;

  /* espaçamento base 8px */
  --s-2: 2px; --s-4: 4px; --s-8: 8px; --s-16: 16px;
  --s-24: 24px; --s-32: 32px; --s-48: 48px; --s-64: 64px;

  /* forma: 4px controlos, 8px painéis, pill só badges */
  --r-ctl: 4px;
  --r-panel: 8px;

  /* motion */
  --t-sel: 120ms;
  --t-modal: 180ms;
  --ease-in: cubic-bezier(.4, 0, 1, 1);
  --ease-out: cubic-bezier(0, 0, .2, 1);
  --ease-stamp: cubic-bezier(.2, 1.4, .4, 1);

  /* layout */
  --spine-w: 60px;
  --nav-w: 204px;
  --touch-target: 44px;
  --mobile-bp: 900px;
}

[data-theme="dark"] {
  /* Superfícies em ardósia (slate), alinhadas com o dashboard antigo em
     dashboard.impermeabilizar.pt. Decisão do Bernardo, 2026-08-01.
     O ÂMBAR NÃO MUDA: continua a ser a cor de acção («isto espera por ti»,
     DESIGN.md §16), a mesma no tema claro e no escuro. Trocá-lo por azul daria
     duas linguagens à mesma interface, e o azul já identifica a marca imp. */
  --bg: #0F172A;
  --surface: #1E293B;
  --surface-2: #263449;
  --surface-3: #334155;
  --border: #334155;
  --border-strong: #475569;
  --text: #F8FAFC;
  --text-2: #94A3B8;
  --text-3: #64748B;
  --amber: #F0A83C;
  --amber-ink: #231803;
  --amber-soft: rgba(240, 168, 60, .14);
  --amber-border: rgba(240, 168, 60, .45);
  --zarcao: #F87171;
  --zarcao-border: rgba(248, 113, 113, .45);
  --ok: #4ADE80;
  --warn: #FACC15;
  --info: #7DD3FC;
  --spine: #0B1220;
  --b-imp: #38BDF8;
  --b-ms: #7EA8CC;
  --b-avac: #38BDF8;
  --b-lsf: #A78BFA;
  --b-ser: #D97706;
  --b-cof: #94A3B8;
  --b-carp: #CA8A04;
}