/* ═══════════════════════════════════════════════════════════════
   Design System — Dra. Zeli  ·  v2.0.0
   Gerado por _META/automacao/gerar-cores.py a partir do manual de
   marca (00_BRAND/brand-guidelines-v1.pdf). NAO edite a mao.
   ═══════════════════════════════════════════════════════════════ */

:root {
  /* ── Primitivas: valores brutos. Nao use direto numa peca. ── */
  /* rosa */
  --rosa-50: #FDF6F8;
  --rosa-100: #FCECF1;
  --rosa-200: #F9D7E2;
  --rosa-300: #F5B8CE;
  --rosa-400: #F087B1;
  --rosa-500: #EB088C;  /* ★ do manual */
  --rosa-600: #D70780;
  --rosa-700: #C10572;
  --rosa-800: #A60461;
  --rosa-900: #84024D;
  --rosa-950: #66013A;
  /* verde */
  --verde-50: #F6FBF7;
  --verde-100: #ECF6EF;
  --verde-200: #D7EDDE;
  --verde-300: #B9E0C5;
  --verde-400: #87CFA0;
  --verde-500: #0EBD6B;  /* ★ do manual */
  --verde-600: #0CAD61;
  --verde-700: #099B56;
  --verde-800: #07854A;
  --verde-900: #046939;
  --verde-950: #02512A;
  /* caribe */
  --caribe-50: #F6FBFA;
  --caribe-100: #ECF6F5;
  --caribe-200: #D7EDEB;
  --caribe-300: #B9E0DD;
  --caribe-400: #87D0CA;
  --caribe-500: #0EBEB5;  /* ★ do manual */
  --caribe-600: #0CAEA6;
  --caribe-700: #099B94;
  --caribe-800: #07867F;
  --caribe-900: #046A65;
  --caribe-950: #02514D;
  /* amarelo */
  --amarelo-50: #FFFDF6;
  --amarelo-100: #FFFBEC;
  --amarelo-200: #FFF7D7;
  --amarelo-300: #FFF2B8;
  --amarelo-400: #FFEC86;
  --amarelo-500: #FFE500;  /* ★ do manual */
  --amarelo-600: #EAD200;
  --amarelo-700: #D1BC00;
  --amarelo-800: #B5A200;
  --amarelo-900: #908100;
  --amarelo-950: #6F6300;
  /* creme */
  --creme-50: #FFFFFD;
  --creme-100: #FFFFFC;
  --creme-200: #FFFEF9;
  --creme-300: #FFFEF5;
  --creme-400: #FFFDF0;
  --creme-500: #FFFDEB;
  --creme-600: #EAE8D7;
  --creme-700: #D1D0C1;
  --creme-800: #B5B3A6;
  --creme-900: #908F84;
  --creme-950: #6F6E66;
  /* neutras */
  --perigo: #C42B1F;
  --perigo-claro: #FF8A80;
  --creme: #FFFDEB;
  --branco: #FFFFFF;
  --tinta: #0C3A38;
  --tinta-suave: #4A6866;
  /* cores em producao que divergem do manual — ver primitivas.json */
  --rosa-producao: #EA098C;
  --agua-producao: #12B99D;
  --amarelo-producao: #FFD400;
  --verde-producao: #0EBE91;

  /* ── Semanticos: e o que a peca usa. ── */
  --cor-fundo-base: var(--creme);  /* Fundo padrao de toda peca e de toda pagina. E o creme das artes impressas */
  --cor-fundo-elevado: var(--branco);  /* Cartao, painel e caixa de dialogo que sobem do plano de fundo */
  --cor-fundo-sutil: var(--creme);  /* Faixa de secao e botao em repouso, um passo abaixo do cartao */
  --cor-texto: var(--tinta);  /* Texto corrido e titulo */
  --cor-texto-suave: var(--tinta-suave);  /* Apoio, legenda e rotulo secundario */
  --cor-acento: var(--rosa-500);  /* Numero 5566, chamada principal, 'Dra.' do logotipo e carimbo de apoiador */
  --cor-acento-forte: var(--rosa-700);  /* Sombra dos botoes de acao e degrade do numero */
  --cor-apoio: var(--caribe-500);  /* Onda da moldura, cabecalho e o lettering 'Zeli' */
  --cor-apoio-alt: var(--verde-500);  /* Segunda cor do degrade e areas de respiro verde */
  --cor-realce: var(--amarelo-500);  /* Fio fino que acompanha a onda e o grifo. Nunca em texto sobre creme */
  --cor-borda: var(--creme-300);  /* Contorno de cartao, campo e botao */
  --cor-perigo: var(--perigo);  /* Acao destrutiva, como remover a foto enviada */
  --cor-marca-degrade: linear-gradient(135deg, #0EBD6B 0%, #0EBEB5 100%);
  --cor-marca-degrade-rosa: linear-gradient(135deg, #EB088C 0%, #C9088C 44%, #9E088C 100%);  /* do logotipo — nao consta do manual */

  /* ── Espaco, raio e sombra ── */
  --espaco-4: 4px;
  --espaco-8: 8px;
  --espaco-12: 12px;
  --espaco-16: 16px;
  --espaco-24: 24px;
  --espaco-32: 32px;
  --espaco-40: 40px;
  --espaco-48: 48px;
  --espaco-64: 64px;
  --espaco-80: 80px;
  --espaco-120: 120px;
  --raio-nenhum: 0px;
  --raio-pequeno: 6px;
  --raio-medio: 12px;
  --raio-grande: 24px;
  --raio-completo: 999px;
  --sombra-pequena: 0 2px 8px rgba(12,58,56,.12);
  --sombra-media: 0 4px 16px rgba(12,58,56,.16);
  --sombra-grande: 0 8px 32px rgba(12,58,56,.20);

  /* ── Tipografia ── */
  --fonte-destaque: 'Gabarito', system-ui, -apple-system, sans-serif;
  --fonte-producao: 'Montserrat', system-ui, -apple-system, sans-serif;
}

/* Modo escuro: so os tokens mudam, nunca as primitivas. */
@media (prefers-color-scheme: dark) {
  :root:not([data-tema="claro"]) {
    --cor-fundo-base: var(--caribe-950);
    --cor-fundo-elevado: var(--caribe-900);
    --cor-fundo-sutil: var(--caribe-800);
    --cor-texto: var(--creme);
    --cor-texto-suave: var(--caribe-100);
    --cor-acento: var(--rosa-400);
    --cor-acento-forte: var(--rosa-600);
    --cor-apoio: var(--caribe-400);
    --cor-apoio-alt: var(--verde-400);
    --cor-realce: var(--amarelo-400);
    --cor-borda: var(--caribe-700);
    --cor-perigo: var(--perigo-claro);
  }
}