/*
 * Doutor na Cadeira: tokens de marca (PROPOSTA 2026-08-12).
 *
 * Fonte de verdade da marca. O app tem uma COPIA propria em
 * `appdoutornacadeira/web/estilos/tokens.css`, atualizada a mao a partir daqui:
 * o repositorio do app e do cliente e nao compartilha arquivo com nada nosso.
 *
 * O porque de cada escolha esta no DESIGN.md irmao. Resumo do que muda em
 * relacao ao que esta no ar hoje:
 *   1. NEUTROS ESQUENTAM. E a mudanca central. Verde + cinza FRIO le como
 *      consultorio; verde + greige QUENTE le como atelie. Sai o risco de signo
 *      clinico (CONAR 243/23 alcanca signo nao-verbal) sem tocar na cor da marca.
 *   2. Entra UM acento, bronze fosco, para acabamento. Nunca em botao.
 *   3. A escala de texto ganha 2 degraus no topo, para titulo de verdade.
 *   4. Entram tokens de entrelinha e de espacamento de letra, que e de onde vem
 *      o refinamento quando a fonte e a do sistema.
 */

:root {
  /* ---- cor: marca (MANTIDA integralmente) ------------------------------ */
  /* Verde profundo: a cor do WhatsApp sem SER a do WhatsApp (o botao principal
     do produto e "Chamar no WhatsApp"), e sem colidir com concorrente do
     levantamento. A justificativa original continua valendo. */
  --dnc-marca-900: #0b3d33;
  --dnc-marca-700: #12554a;
  --dnc-marca-500: #1a7f6b;
  --dnc-marca-300: #7fc3b4;
  --dnc-marca-100: #e3f2ee;

  /* ---- cor: neutros QUENTES (a troca) ---------------------------------- */
  /* Antes: #f7f8f7 / #f0f2f1 / #d9ddda / #b3bab6 / #12201c / #566661 / #7d8b86,
     todos com vies verde-azulado. Era o cinza frio, somado ao verde, que
     produzia a leitura de ambiente clinico. */
  --dnc-fundo: #faf8f5;
  --dnc-superficie: #ffffff;   /* branco puro fica: a ficha e IMPRESSA */
  --dnc-superficie-2: #f2efe9;
  --dnc-borda: #e0dbd2;
  --dnc-borda-forte: #958e84;

  --dnc-texto: #1c1a17;        /* quase preto QUENTE, nao verde escuro */
  --dnc-texto-2: #5c564d;
  --dnc-texto-3: #787166;
  --dnc-texto-inverso: #ffffff;

  /* ---- cor: acento (NOVO) ---------------------------------------------- */
  /* Bronze fosco, nao dourado. Dourado saturado e o codigo do "curso de beleza
     premium" e envelhece mal em tela; bronze fosco le como ferramenta bem-feita.
     ⚠️ NUNCA em botao: a acao e verde, sempre. Bronze e acabamento. */
  --dnc-acento: #8a6a3b;
  --dnc-acento-forte: #6b5230;  /* quando precisar de texto pequeno sobre claro */
  --dnc-acento-fundo: #f7f1e6;

  /* ---- cor: estado ------------------------------------------------------ */
  --dnc-erro: #a3271f;
  --dnc-erro-fundo: #fdeceb;
  --dnc-aviso: #8a5a00;
  --dnc-aviso-fundo: #fdf3e2;
  --dnc-ok: #187966;
  --dnc-ok-fundo: #e3f2ee;

  /* ---- veu sobre foto ---------------------------------------------------- */
  --dnc-veu-forte: rgba(11, 61, 51, 0.92);
  --dnc-veu-medio: rgba(11, 61, 51, 0.62);
  --dnc-veu-leve: rgba(11, 61, 51, 0.10);

  /* ---- tipografia -------------------------------------------------------- */
  /* Stack de sistema: zero webfont. Publico no celular, muitas vezes em 3G
     dentro do salao, e fonte externa e render bloqueado por nada. */
  --dnc-fonte: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;

  /* 16px de base no campo NAO e estetica: abaixo disso o Safari do iPhone da
     zoom ao focar o input e a tela "pula" no meio do atendimento. */
  --dnc-t-xs: 0.75rem;
  --dnc-t-sm: 0.875rem;
  --dnc-t-base: 1rem;
  --dnc-t-lg: 1.125rem;
  --dnc-t-xl: 1.375rem;
  --dnc-t-2xl: 1.75rem;
  --dnc-t-3xl: 2.25rem;   /* NOVO */
  --dnc-t-4xl: 2.75rem;   /* NOVO */

  --dnc-peso-normal: 400;
  --dnc-peso-medio: 550;
  --dnc-peso-forte: 680;

  /* NOVOS. Com fonte de sistema, o refinamento vem daqui e nao da fonte. */
  --dnc-linha-titulo: 1.15;
  --dnc-linha-corpo: 1.6;
  --dnc-letra-titulo: -0.02em;  /* titulo grande fecha */
  --dnc-letra-etiqueta: 0.04em; /* etiqueta pequena abre */

  /* ---- espaco ------------------------------------------------------------ */
  --dnc-e-1: 0.25rem;
  --dnc-e-2: 0.5rem;
  --dnc-e-3: 0.75rem;
  --dnc-e-4: 1rem;
  --dnc-e-5: 1.5rem;
  --dnc-e-6: 2rem;
  --dnc-e-7: 3rem;

  /* ---- forma -------------------------------------------------------------- */
  --dnc-raio-sm: 6px;
  --dnc-raio: 10px;
  --dnc-raio-lg: 16px;
  --dnc-raio-pill: 999px;

  /* Sombra tambem esquentou: o cinza dela era verde-azulado. */
  --dnc-sombra-1: 0 1px 2px rgba(28, 26, 23, 0.06);
  --dnc-sombra-2: 0 4px 16px rgba(28, 26, 23, 0.10);

  /* ---- alvo de toque ------------------------------------------------------ */
  /* 44px e o minimo da diretriz da Apple e o piso pratico para dedo com unha de
     salao, que e literalmente o publico deste app. */
  --dnc-toque: 44px;

  --dnc-largura-max: 640px;
  --dnc-largura-larga: 900px;
  --dnc-lateral: 60px;
  --dnc-lateral-aberta: 240px;
  --dnc-desktop: 768px;

  /* ---- impressao ---------------------------------------------------------- */
  --dnc-print-fundo: #ffffff;
  --dnc-print-borda: #999999;
}

[data-tema="escuro"] {
  /* Escuro NAO e o padrao (ver DESIGN.md §7). Existe so para quem forcar. */
  --dnc-fundo: #14120f;
  --dnc-superficie: #1e1b17;
  --dnc-superficie-2: #282420;
  --dnc-borda: #3a352e;
  --dnc-borda-forte: #686053;
  --dnc-texto: #f2efe9;
  --dnc-texto-2: #b5ada1;
  --dnc-texto-3: #9b9284;
  --dnc-marca-500: #2ea88c;
  --dnc-marca-100: #14302a;
  --dnc-acento: #c9a670;
  --dnc-acento-fundo: #2a2317;
  --dnc-erro-fundo: #2e1614;
  --dnc-aviso-fundo: #2c2211;
  --dnc-ok-fundo: #14302a;
}

@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}