/* ==========================================================================
   MatrizMed — tokens da identidade visual.

   Fonte única da paleta, tipografia, raio e sombra. Carregado antes de
   styles.css (aplicação) e de entry.css (landing e login), para que as duas
   superfícies não repitam valores e não voltem a divergir: até aqui o acento
   do aplicativo era #c39a52 e o da entrada era #876b32, com fundos diferentes,
   por serem duas listas separadas do mesmo tema.

   Valores mantidos exatamente como estavam na aplicação. Este arquivo unifica
   a origem, não muda a aparência.
   ========================================================================== */
:root {
    color-scheme: light;

    /* Superfícies */
    --bg: #ede5d6;
    --surface: #ffffff;
    --surface-muted: #faf7f1;
    --surface-soft: #f4eee4;
    --border: #ddd3c2;

    /* Texto */
    --text: #1d2730;
    --text-muted: #5c6f7a;
    /* Exemplo dentro de um campo vazio. Precisa ser lido como sugestão, nunca
       como conteúdo: no padrão do navegador (#757575, mesmo corpo do valor) o
       formulário vazio parecia preenchido. */
    --text-exemplo: #98a5ad;

    /* Marca */
    --primary: #123c4f;
    --primary-strong: #0f3346;
    --primary-soft: #1d5a73;
    --accent: #c39a52;
    --accent-soft: rgba(184, 148, 78, 0.12);

    /* Estados */
    --success: #3f6b57;
    --warning: #9a6b0a;
    --danger: #b42323;
    --selection-bg: #eef3f6;
    --selection-bg-strong: #e1eaf0;
    --selection-border: #1d5a73;

    /* Profundidade e foco */
    --shadow: 0 1px 2px rgba(8, 32, 44, 0.05), 0 10px 28px rgba(8, 32, 44, 0.06);
    --shadow-soft: 0 1px 1px rgba(8, 32, 44, 0.04), 0 8px 18px rgba(8, 32, 44, 0.05);
    --focus-ring: 0 0 0 3px rgba(18, 60, 79, 0.1);

    /* Tipografia */
    --serif: "Source Serif 4", Georgia, serif;
    --font: Inter, "Segoe UI", Arial, sans-serif;

    /* Forma */
    --radius: 8px;
    --radius-sm: 6px;
    --radius-md: 8px;
    --radius-lg: 12px;
}