/* ==========================================================================
   mirante — tokens semânticos do painel
   Fonte normativa: docs/spec-painel-ux.md §6.1 (repo midas).
   Regra: este arquivo ESTENDE a gramática de `src/pages/templates.ts` do midas
   (custom properties em :root, prefixo mds-, font stack de sistema, zero webfont).
   Não inventar token: se um valor não estava na spec, ele está marcado PROPOSTA.
   ========================================================================== */

:root {
  /* superfície */
  --mds-bg: #ffffff;
  --mds-surface: #f7f8f7;
  --mds-line: #e4e4e4;
  --mds-fg: #141414;
  --mds-muted: #5a5a5a;

  /* DINHEIRO — eixo semântico central (spec §3 princípio 1) */
  --mds-money-reconciled: #141414;
  --mds-money-reconciled-line: #141414;
  --mds-money-provisional: #4a4a4a;
  --mds-money-provisional-line: #9a9a9a;
  --mds-pos: #0f6d3d;
  --mds-neg: #b3261e;

  /* ESPERA */
  --mds-wait-you: #8a5a00;
  --mds-wait-you-bg: #fff4dd;
  --mds-wait-third: #2c5773;
  --mds-wait-third-bg: #eef3f7;

  /* ALARME e LACUNA */
  --mds-alarm: #b3261e;
  --mds-alarm-bg: #b3261e;
  --mds-alarm-fg: #ffffff;
  --mds-gap: #6b3fa0;
  --mds-gap-bg: #f4eefc;

  /* LIVENESS */
  --mds-live: #0f6d3d;
  --mds-reconnect: #8a5a00;
  --mds-stale: #5a5a5a;

  /* tipografia */
  --mds-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
  --mds-fs-micro: 12px;
  --mds-lh-micro: 1.35;
  --mds-fs-body: 14px;
  --mds-lh-body: 1.45;
  --mds-fs-base: 16px;
  --mds-lh-base: 1.5;
  --mds-fs-lg: 20px;
  --mds-lh-lg: 1.3;
  --mds-fs-xl: 28px;
  --mds-lh-xl: 1.2;
  --mds-fs-money: 26px;
  --mds-lh-money: 1.15;

  /* [PROPOSTA-UX] escala de display — a tela de ENTRADA é a única superfície do
     produto sem nenhum dado na tela, e a spec §6.1 não previu escala acima de
     `xl` porque toda tela que ela desenhou é tela de número. 34px é `xl` (28px)
     mais um passo da mesma razão ~1,2 que separa body→base→lg→xl; não é um
     valor escolhido a olho. Usado SÓ no wordmark de `/entrar`. */
  --mds-fs-display: 34px;
  --mds-lh-display: 1.1;

  /* espaçamento — base 4 */
  --mds-s1: 4px;
  --mds-s2: 8px;
  --mds-s3: 12px;
  --mds-s4: 16px;
  --mds-s5: 24px;
  --mds-s6: 32px;
  --mds-s7: 48px;

  /* alvo de toque — NUNCA menor (WCAG 2.5.5) */
  --mds-tap: 44px;

  --mds-radius: 10px;
  --mds-radius-pill: 999px;
}

/* --------------------------------------------------------------------------
   Esquema escuro.
   Os valores SEM comentário vieram literalmente da spec §6.1.
   Os marcados [PROPOSTA-UX] preenchem as [LACUNA] que a spec deixou aberta
   ("--mds-wait-you / --mds-wait-third no escuro: [LACUNA] — valor só entra
   depois de medido contra --mds-surface").
   Estão PENDENTES DE APROVAÇÃO DA UX. Razão de cada escolha em docs/tokens-dark-proposta.md.
   -------------------------------------------------------------------------- */
@media (prefers-color-scheme: dark) {
  :root {
    --mds-bg: #0f1115;
    --mds-surface: #171a20;
    --mds-line: #2a2f38;
    --mds-fg: #f2f3f5;
    --mds-muted: #a3a9b4;
    --mds-money-reconciled: #f2f3f5;
    --mds-money-reconciled-line: #f2f3f5;
    --mds-money-provisional: #c2c7d0;
    --mds-money-provisional-line: #6b7280;
    --mds-pos: #4ec27f;
    --mds-neg: #ff6b60;

    /* [PROPOSTA-UX] espera — pendente de aprovação */
    --mds-wait-you: #ffcf70;
    --mds-wait-you-bg: #33260a;
    --mds-wait-third: #9ccbe8;
    --mds-wait-third-bg: #16242e;

    /* [PROPOSTA-UX] alarme e lacuna — pendente de aprovação */
    --mds-alarm: #ff6b60;
    --mds-alarm-bg: #7f1d18;
    --mds-alarm-fg: #ffffff;
    --mds-gap: #d3b6ff;
    --mds-gap-bg: #241a36;

    /* [PROPOSTA-UX] liveness — pendente de aprovação */
    --mds-live: #4ec27f;
    --mds-reconnect: #ffcf70;
    --mds-stale: #a3a9b4;
  }
}