/* Tokens da marca HFEC — fonte única para todas as páginas.
   Estão aqui, e não dentro do <style> de cada página, porque três blocos de
   tema duplicados divergem: alguém ajusta o azul numa página, esquece da
   outra, e o modo escuro quebra só num lugar.

   A regra dos três blocos:
     :root ......................... tema claro, sempre completo
     @media (prefers-color-scheme) . só o que muda no escuro automático
     :root[data-theme="dark"] ...... o mesmo, para o botão de tema vencer

   Nenhuma cor pode ter sua ÚNICA definição dentro de media query ou de
   [data-theme] — senão o tema claro fica sem valor para ela. */

/* ============ TOKENS ============ */
:root {
  /* Paleta derivada do brasão HFEC: azul-marinho, ouro, fita carmim */
  --navy-900: #0B1E33;
  --navy-800: #10293F;
  --navy-600: #123A5E;
  --navy-400: #2C5B84;
  --gold-600: #A8801E;
  --gold-text: #8F6C18;   /* ouro para texto: 4.85:1 sobre --surface */
  --gold-500: #C9992E;
  --gold-300: #E3C266;
  --crimson:  #9E1F27;
  --crimson-soft: #F6E7E7;

  /* Esmeralda institucional — a cor da saúde/enfermagem.
     Verde é a cor da enfermagem no Brasil (identidade COFEN/COREN e pedra do
     anel de formatura) e o verde cirúrgico é convenção mundial de centro
     cirúrgico: complementar do vermelho do sangue, reduz a imagem residual
     na retina. Não existe hex "oficial" — isto é convenção, não norma. */
  --green-700: #0A5C44;
  --green-600: #0F6B4F;
  --green-500: #127354;
  --green-300: #34C79A;
  --green-soft: #E6F4EF;
  --on-green:  #FFFFFF;

  /* Cores por área. Duas famílias, porque são duas naturezas de coisa:
     as 9 PROFISSÕES recebem matiz própria; as 3 TRANSVERSAIS (público,
     modalidade, gestão) ficam na família neutra da marca — 12 matizes
     distintos não seriam distinguíveis, e fingir que seriam é pior.
     A cor é coding REDUNDANTE: sempre acompanha o rótulo em texto, nunca
     carrega sentido sozinha. Nenhuma área usa vermelho — o carmim é
     reservado a prazo/urgência. */
  --area-enf: #0B6B4F;  /* esmeralda  */
  --area-med: #0E6C86;  /* ciano      */
  --area-fis: #A65A11;  /* âmbar      */
  --area-far: #6D3BC4;  /* violeta    */
  --area-odo: #1F5FA8;  /* azul       */
  --area-psi: #94317E;  /* magenta    */
  --area-nut: #5C7A0F;  /* lima       */
  --area-bio: #4A4FBF;  /* índigo     */
  --area-ser: #8A5033;  /* terracota  */
  --area-tec: #4A6076;  /* ardósia    */
  --area-res: #6B4A7A;  /* ameixa     */
  --area-ges: #123A5E;  /* marinho    */

  /* Neutros com viés azul — herdados da tinta do brasão, não cinzas puros */
  --ink:        #0E1A26;
  --ink-soft:   #3E5060;
  --ink-faint:  #6C7C8C;
  --ground:     #F2F5F8;
  --surface:    #FFFFFF;
  --surface-2:  #E7EDF3;
  --line:       #D3DDE7;
  --line-soft:  #E6ECF2;

  --on-navy:      #EFF3F7;
  --on-navy-soft: #A9BDD1;

  --font-display: Georgia, "Iowan Old Style", "Times New Roman", Times, serif;
  --font-body: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, "Cascadia Mono", Consolas, "Liberation Mono", monospace;

  --shadow-card: 0 1px 2px rgba(11,30,51,.06), 0 8px 24px -12px rgba(11,30,51,.18);
  --shadow-lift: 0 2px 4px rgba(11,30,51,.08), 0 18px 40px -18px rgba(11,30,51,.32);
  --radius: 4px;
  --wrap: 1180px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --navy-900: #060F1A;
    --navy-800: #0A1826;
    --navy-600: #14364F;
    --navy-400: #4C7CA5;
    --gold-600: #D2A945;
    --gold-text: #D2A945;  /* 7.58:1 no campo escuro: o ouro claro ja passa */
    --gold-500: #E0BB5C;
    --gold-300: #F0D89A;
    --crimson:  #E2727A;
    --crimson-soft: #33161A;

    --green-700: #2FBF92;
    --green-600: #34C79A;
    --green-500: #4FD6AE;
    --green-300: #8CE6C8;
    --green-soft: #0C2A22;
    --on-green:  #062018;

    --area-enf: #34C79A;
    --area-med: #3FC0DE;
    --area-fis: #E8A855;
    --area-far: #B394F0;
    --area-odo: #6FB3EE;
    --area-psi: #E58BCB;
    --area-nut: #A8CB4A;
    --area-bio: #9AA0F5;
    --area-ser: #DCA184;
    --area-tec: #93AAC2;
    --area-res: #C3A0D4;
    --area-ges: #7FA9CE;

    --ink:       #E8EEF4;
    --ink-soft:  #A9BACA;
    --ink-faint: #7A8B9C;
    --ground:    #08131F;
    --surface:   #0E1F2E;
    --surface-2: #16293A;
    --line:      #24394C;
    --line-soft: #1A2C3D;

    --on-navy:      #E8EEF4;
    --on-navy-soft: #93A9BE;

    --shadow-card: 0 1px 2px rgba(0,0,0,.4), 0 8px 24px -12px rgba(0,0,0,.6);
    --shadow-lift: 0 2px 4px rgba(0,0,0,.45), 0 18px 40px -18px rgba(0,0,0,.75);
  }
}

:root[data-theme="dark"] {
  --navy-900: #060F1A;
  --navy-800: #0A1826;
  --navy-600: #14364F;
  --navy-400: #4C7CA5;
  --gold-600: #D2A945;
  --gold-text: #D2A945;
  --gold-500: #E0BB5C;
  --gold-300: #F0D89A;
  --crimson:  #E2727A;
  --crimson-soft: #33161A;

  --green-700: #2FBF92;
  --green-600: #34C79A;
  --green-500: #4FD6AE;
  --green-300: #8CE6C8;
  --green-soft: #0C2A22;
  --on-green:  #062018;

  --area-enf: #34C79A;
  --area-med: #3FC0DE;
  --area-fis: #E8A855;
  --area-far: #B394F0;
  --area-odo: #6FB3EE;
  --area-psi: #E58BCB;
  --area-nut: #A8CB4A;
  --area-bio: #9AA0F5;
  --area-ser: #DCA184;
  --area-tec: #93AAC2;
  --area-res: #C3A0D4;
  --area-ges: #7FA9CE;

  --ink:       #E8EEF4;
  --ink-soft:  #A9BACA;
  --ink-faint: #7A8B9C;
  --ground:    #08131F;
  --surface:   #0E1F2E;
  --surface-2: #16293A;
  --line:      #24394C;
  --line-soft: #1A2C3D;

  --on-navy:      #E8EEF4;
  --on-navy-soft: #93A9BE;

  --shadow-card: 0 1px 2px rgba(0,0,0,.4), 0 8px 24px -12px rgba(0,0,0,.6);
  --shadow-lift: 0 2px 4px rgba(0,0,0,.45), 0 18px 40px -18px rgba(0,0,0,.75);
}