/* ==========================================================================
   BioMedDNA — tokens de design
   Base compartilhada pelas telas de autenticação (auth.css) e pela área
   logada (app.css). Carregar SEMPRE antes dos dois.
   ========================================================================== */

:root {
    /* Marca */
    --bio-teal: #48c2c8;
    --bio-teal-dark: #35a7ad;
    --bio-blue: #0e76bc;
    --bio-blue-dark: #0a5c94;
    --bio-navy: #0b3f66;

    /* Texto e superfícies */
    --bio-ink: #16283a;
    --bio-muted: #62748a;
    --bio-line: #dfe7ee;
    --bio-line-strong: #c6d4e0;
    --bio-surface: #ffffff;
    --bio-bg: #f4f8fa;

    /* Estados */
    --bio-danger: #c0392f;
    --bio-danger-bg: #fdf1f0;
    --bio-success: #17795e;
    --bio-success-bg: #eef8f4;
    --bio-warning: #9a6212;
    --bio-warning-bg: #fdf6e8;
    --bio-info: #0a5c94;
    --bio-info-bg: #eef5fb;

    /* Forma */
    --bio-radius: 14px;
    --bio-radius-sm: 10px;
    --bio-shadow: 0 18px 48px -24px rgba(11, 63, 102, .35);
    --bio-shadow-sm: 0 2px 10px -4px rgba(11, 63, 102, .22);

    --bio-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
                'Helvetica Neue', Arial, sans-serif;

    /* ----------------------------------------------------------------------
       Compatibilidade: nomes antigos que viviam no <style> do template e que
       as views de ativação, resultados e cadastro ainda referenciam (22 usos
       de --primary-color). Mantidos como apelidos dos tokens acima.
       --primary-rgb nunca chegou a existir no template antigo; as views que o
       usam ficavam sem cor.
       ---------------------------------------------------------------------- */
    --primary-color: var(--bio-teal);
    --primary-rgb: 72, 194, 200;
    --secondary-color: var(--bio-blue);
    --accent-color: #ff6b35;
    --text-dark: var(--bio-ink);
    --text-light: var(--bio-muted);
    --background-light: var(--bio-bg);
}