/*
  OS TOKENS DO ESCUTIA — a única fonte de cor e medida do produto.

  Um modo só, de pouca luz. A sala é quieta: verde-pinho quase preto, texto
  em branco quente, e UM acento com regra semântica — ver --acento abaixo.
  Nenhum hex vive fora deste arquivo.
*/
:root {
  /* ── chão ─────────────────────────────────────────────────────────────── */
  --fundo:            #161F1D;   /* geral: pinho escuro, não preto */
  --fundo-elevado:    #1E2A27;   /* objeto: cartão, documento, painel */
  --fundo-recuado:    #121A18;   /* menor atenção: rascunho, gaveta */

  /* ── tinta ────────────────────────────────────────────────────────────── */
  --texto:            #E7E4DC;   /* 11,7:1 sobre elevado — medido */
  --texto-secundario: #98A39E;   /* 5,7:1 sobre elevado — medido */
  --linha:            #2B3936;

  /*
    O ACENTO É OLHAR. #C9A876 é a madeira do boneco de constelação sob pouca
    luz — o objeto da prática mais distintiva daqui, não um dourado de
    interface. Regra de uso, não de gosto: ele SÓ aparece onde a atenção
    aponta — a marca de olhar do agente da vez e a ação primária da tela.
    Nunca em borda, título ou hover decorativo. 7,5:1 sobre --fundo.
  */
  --acento:           #C9A876;
  --foco:             #8FB8A8;   /* anel de foco de teclado, só isso */

  /* ── tipo: razão 1,2 (terça menor) — passos curtos, hierarquia quieta ── */
  --serif: 'Newsreader', 'Iowan Old Style', Georgia, serif;
  --mono:  'IBM Plex Mono', 'SF Mono', ui-monospace, monospace;
  --t-etiqueta: 11px;    /* mono, caixa alta, +0.08em — nunca corrido */
  --t-apoio:    14px;
  --t-corpo:    17px;    /* TODA conversa; lh 1.65; medida 68ch */
  --t-abertura: 20px;
  --t-nome:     24px;    /* nome do agente na sala */
  --t-titulo:   29px;    /* raro */

  /* ── medidas ──────────────────────────────────────────────────────────── */
  --medida: 68ch;
  --raio: 10px;
  --raio-mini: 6px;
  --transicao: 160ms ease;
}

/*
  O MODO CLARO — a mesma sala, de dia.
  Pedido do titular depois do redesenho; deriva da MESMA identidade: papel
  com um fio de pinho (não o creme genérico), tinta de pinho escuro, e o
  acento continua sendo a madeira do boneco — escurecida para a luz do dia,
  porque a regra "acento = olhar" exige que ele leia como tinta aqui.
  Contrastes MEDIDOS: texto 12,6:1 e secundário 5,2:1 sobre o elevado;
  acento 5,2:1 sobre o fundo (AA até em texto pequeno); foco 5,0:1.
  O padrão segue o sistema; a escolha explícita (data-tema) vence sempre.
*/
@media (prefers-color-scheme: light) {
  :root:not([data-tema="escuro"]) {
    --fundo:            #EDEEE6;
    --fundo-elevado:    #F6F6F0;
    --fundo-recuado:    #E2E5DC;
    --texto:            #24302C;
    --texto-secundario: #5C6A64;
    --linha:            #CBD1C5;
    --acento:           #7A5D31;
    --foco:             #2F6F5F;
  }
}
:root[data-tema="claro"] {
  --fundo:            #EDEEE6;
  --fundo-elevado:    #F6F6F0;
  --fundo-recuado:    #E2E5DC;
  --texto:            #24302C;
  --texto-secundario: #5C6A64;
  --linha:            #CBD1C5;
  --acento:           #7A5D31;
  --foco:             #2F6F5F;
}
:root[data-tema="escuro"] { /* a escolha explícita pelo escuro já é o :root */ }