/* Tokens visuais do NewAdaptedMind.
 *
 * Fonte: DESIGN.md. Nenhum valor de cor, raio, espaçamento ou elevação deve
 * aparecer solto em outra folha — tudo passa por aqui.
 *
 * O tema escuro redefine os MESMOS nomes de token, nunca cria nomes novos.
 * Assim o resto do CSS nunca precisa saber qual tema está ativo. */

:root {
  color-scheme: light dark;

  /* ── Superfícies ────────────────────────────────────────── */
  --fundo: #F7F8FC;
  --painel: #FFFFFF;
  --painel-fundo: #EDEFF7;
  --borda: #DDE1EE;
  --texto: #151A2D;
  --suave: #5B6486;

  /* ── Ação ───────────────────────────────────────────────── */
  --realce: #4A3AE0;
  --realce-suave: #EEEBFF;
  /* Cor do texto que fica EM CIMA de --realce. Não pode ser branco fixo: no
   * escuro --realce clareia e branco sobre ele mede 2,77:1, longe do AA. Aqui
   * o par é branco sobre #4A3AE0 = 7,06:1. */
  --sobre-realce: #FFFFFF;

  /* ── Correção ───────────────────────────────────────────── */
  --certo: #0B7A45;
  --certo-suave: #DFF6E9;
  /* Cor do texto que fica EM CIMA de --certo. Mesmo caso de --sobre-realce, e
   * pelo mesmo motivo: no escuro --certo vira #4ADE80 e branco sobre ele mede
   * 1,74:1, o que reprova em AA com folga. Aqui o par é branco sobre #0B7A45 =
   * 5,48:1. */
  --sobre-certo: #FFFFFF;
  --errado: #D3283E;
  --errado-suave: #FDE7EA;

  /* ── On fire ────────────────────────────────────────────── */
  --fogo: #E0590B;
  --fogo-texto: #B04407;
  --fogo-suave: #FFEBD9;

  /* ── Perdão ─────────────────────────────────────────────── */
  --perdao: #B45309;
  --perdao-suave: #FEF1DC;

  /* ── Status da trilha ───────────────────────────────────── */
  --status-nao-iniciado: #6B7396;
  --status-iniciado: #2563EB;
  --status-dominado: #0B7A45;
  --status-platinado: #7C3AED;

  /* ── Cores de tarefa (conjunto fechado de 8) ────────────── */
  --tarefa-violeta: #7C3AED;
  --tarefa-azul: #2563EB;
  --tarefa-ciano: #0E7490;
  --tarefa-verde: #15803D;
  --tarefa-lima: #4D7C0F;
  --tarefa-ambar: #B45309;
  --tarefa-coral: #DC2626;
  --tarefa-rosa: #DB2777;

  /* ── Backdrop de modal ──────────────────────────────────── */
  --backdrop: rgba(10, 12, 22, 0.62);

  /* ── Raios ──────────────────────────────────────────────── */
  --raio-sm: 8px;
  --raio-md: 12px;
  --raio-lg: 16px;
  --raio-xl: 22px;
  --raio-full: 9999px;

  /* ── Espaçamento (escala de 4) ──────────────────────────── */
  --esp-1: 4px;
  --esp-2: 8px;
  --esp-3: 12px;
  --esp-4: 16px;
  --esp-5: 24px;
  --esp-6: 32px;
  --esp-7: 48px;
  --esp-goteira: 24px;
  --esp-margem: 32px;

  /* ── Elevação — exatamente três níveis ──────────────────── */
  --elevacao-repouso: 0 1px 2px rgba(21, 26, 45, 0.06);
  --elevacao-interativo: 0 4px 12px rgba(21, 26, 45, 0.10);
  --elevacao-sobreposto: 0 16px 48px rgba(10, 12, 22, 0.24);

  /* ── Tipografia: as duas famílias ───────────────────────── */
  --familia-a: system-ui, -apple-system, "Segoe UI", sans-serif;
  --familia-b: ui-monospace, "SF Mono", "Segoe UI Mono", monospace;

  /* ── Largura de leitura confortável ─────────────────────── */
  --largura-leitura: min(880px, 94vw);
}

/* Tema escuro. Único @media de cor permitido no projeto: não há redesenho por
 * breakpoint em lugar nenhum. */
@media (prefers-color-scheme: dark) {
  :root {
    --fundo: #12141F;
    --painel: #1B1E2D;
    --painel-fundo: #0D0F18;
    --borda: #2B3049;
    --texto: #EDEFF7;
    --suave: #98A0BF;

    --realce: #9B8CFF;
    --realce-suave: #231F52;
    /* DERIVAÇÃO — o --realce escuro é claro demais para carregar texto branco.
     * O texto sobre ele inverte para o tom escuro: #151A2D sobre #9B8CFF mede
     * 6,23:1, contra 2,77:1 do branco. */
    --sobre-realce: #151A2D;

    --certo: #4ADE80;
    --errado: #FB7185;
    --fogo: #FDBA74;
    --perdao: #FCD34D;

    /* DERIVAÇÃO — o --certo escuro é claro demais para carregar texto branco.
     * O texto sobre ele inverte para o tom escuro: #151A2D sobre #4ADE80 mede
     * 9,93:1, contra 1,74:1 do branco. */
    --sobre-certo: #151A2D;

    /* DERIVAÇÃO — o DESIGN.md não publica variante escura para os tokens
     * `-suave` de estado. Derivados do par mais próximo como fundo profundo e
     * dessaturado. Medidos contra --texto (#EDEFF7): certo 12,81:1 ·
     * errado 13,90:1 · fogo 13,51:1 · perdão 12,85:1. Todos passam AA.
     *
     * MEDIÇÃO QUE FALTAVA, e que a 2.11 estreia: o cartão perdoado põe --suave
     * sobre --perdao-suave, e não --texto. É o mesmo par que o cartão feito já
     * usava com --certo-suave, e a linha de estado é justamente a que carrega a
     * informação — estado nunca é comunicado só por cor. Medido nos dois temas:
     * claro #5B6486 sobre #FEF1DC = 5,21:1 · escuro #98A0BF sobre #33260C =
     * 5,70:1. Os dois acima do 4,5:1 de AA para texto pequeno, então --suave
     * fica e não há troca por --texto a fazer. Os números estão repetidos ao
     * lado das regras que os produzem, em painel.css e em meu-dia.css, porque é
     * lá que alguém mexeria na cor. */
    --certo-suave: #0E2E1E;
    --errado-suave: #3A1620;
    --fogo-suave: #33200F;
    --perdao-suave: #33260C;

    /* DERIVAÇÃO — o DESIGN.md não publica --fogo-texto no escuro. No claro ele
     * é o laranja escurecido para servir de texto sobre fundo claro; no escuro
     * o papel inverte, então ele acompanha --fogo. */
    --fogo-texto: #FDBA74;

    /* DERIVAÇÃO — os quatro --status-* não têm variante escura publicada.
     * Clareados a partir do valor claro preservando a progressão de matiz
     * (cinza → azul → verde → violeta). Medidos sobre --painel (#1B1E2D):
     * não iniciado 6,39:1 · iniciado 7,04:1 — os dois mais escuros do grupo,
     * então os outros dois passam com folga. */
    --status-nao-iniciado: #98A0BF;
    --status-iniciado: #7FA8FF;
    --status-dominado: #4ADE80;
    --status-platinado: #C4A6FF;

    /* DERIVAÇÃO — as oito cores de tarefa também não têm variante escura.
     * Clareadas do mesmo matiz para continuarem distinguíveis entre si e
     * legíveis sobre --painel. O conjunto continua fechado em oito. */
    --tarefa-violeta: #C4A6FF;
    --tarefa-azul: #7FA8FF;
    --tarefa-ciano: #5FD3E8;
    --tarefa-verde: #63D689;
    --tarefa-lima: #AFD65F;
    --tarefa-ambar: #F2B65C;
    --tarefa-coral: #FF8F87;
    --tarefa-rosa: #FF8FC2;

    /* No escuro a hierarquia vem de TOM, não de sombra: --painel é mais claro
     * que --fundo, e --painel-fundo é mais escuro que os dois. Sombra sobre
     * superfície escura quase não se vê e só suja a borda — então os três
     * níveis viram `none` e o contraste faz o trabalho. O nível sobreposto
     * mantém um véu mínimo só para descolar o modal do backdrop. */
    --elevacao-repouso: none;
    --elevacao-interativo: none;
    --elevacao-sobreposto: 0 16px 48px rgba(0, 0, 0, 0.55);
  }
}