/* Kleiciane Rocha — tokens da marca. Fonte única: marca.json + interface/fonte. Não edite à mão; regenere. */
@import url('https://fonts.googleapis.com/css2?family=Archivo:wdth,wght@62..125,100..900&display=swap');

:root, [data-theme="claro"] {
  color-scheme: light;
  --rose: #E4B9B0;
  --rose-ar: #F3E7E3;
  --ameixa: #3A2430;
  --malva: #77586A;
  --framboesa: #B0244E;
  --fundo: var(--rose-ar);
  --superficie: #FBF6F4;
  --superficie-2: #EFE0DB;
  --texto: var(--ameixa);
  --texto-2: var(--malva);
  --texto-3: #7A5B6D;
  --linha: #E4CFC9;
  --borda-controle: #967E8B;
  --acao: var(--ameixa);
  --acao-hover: #543947;
  --sobre-acao: var(--rose-ar);
  --realce: var(--rose);
  --sobre-realce: var(--ameixa);
  --foco: var(--ameixa);
  --logotipo: var(--ameixa);
  --sucesso: #2F6A4F;
  --sucesso-fundo: #E1EFE6;
  --atencao: #87560F;
  --atencao-fundo: #F6E9D3;
  --critico: #761A3A;
  --critico-fundo: #F8E2E7;
  --dado-1: #8A4A72;
  --dado-2: #BA7331;
  --dado-3: #008874;
  --enfase: var(--framboesa);
  --moldura: var(--rose);
  --janela: var(--rose-ar);
  --rose-50: #FBF6F4;
  --rose-100: #F3E7E3;
  --rose-200: #ECD0C9;
  --rose-300: #E4B9B0;
  --rose-400: #BE9798;
  --rose-500: #9A7781;
  --rose-600: #77586A;
  --rose-700: #624656;
  --rose-800: #4E3542;
  --rose-900: #3A2430;
  --rose-950: #241620;
  --sombra-1: 0 1px 2px rgba(58,36,48,0.05);
  --sombra-2: 0 1px 2px rgba(58,36,48,0.04), 0 12px 32px -16px rgba(228,185,176,0.22);
  --sombra-3: 0 24px 64px -24px rgba(58,36,48,0.35);
  --espaco-1: 4px;
  --espaco-2: 8px;
  --espaco-3: 12px;
  --espaco-4: 16px;
  --espaco-5: 24px;
  --espaco-6: 32px;
  --espaco-7: 48px;
  --espaco-8: 64px;
  --raio-sm: 999px;
  --raio-md: 12px;
  --raio-lg: 0px;
  --raio-xl: 0px;
  --raio-pilula: 999px;
  --tempo-rapido: 150ms;
  --tempo-base: 240ms;
  --tempo-lento: 400ms;
  --tempo-assinatura: 1200ms;
  --curva-marca: cubic-bezier(0.25, 0.8, 0.25, 1);
  --quebra-celular: 390px;
  --quebra-tablet: 760px;
  --quebra-desktop: 1024px;
  --quebra-largo: 1280px;
  --camada-base: 0;
  --camada-fixo: 10;
  --camada-menu: 20;
  --camada-painel: 30;
  --camada-modal: 40;
  --camada-aviso: 50;
  --camada-dica: 60;
  --fonte-titulo: 'Archivo', 'Helvetica Neue', Arial, sans-serif;
  --fonte-texto: 'Archivo', 'Helvetica Neue', Arial, sans-serif;
}

[data-theme="escuro"] {
  color-scheme: dark;
  --fundo: #241620;
  --superficie: #2D1C28;
  --superficie-2: #37232F;
  --texto: var(--rose-ar);
  --texto-2: #C7B0BA;
  --texto-3: #AE97A1;
  --linha: #4B3640;
  --borda-controle: #8D717E;
  --acao: var(--rose);
  --acao-hover: #EECAC2;
  --sobre-acao: var(--ameixa);
  --realce: #513241;
  --sobre-realce: var(--rose-ar);
  --foco: var(--rose);
  --logotipo: var(--rose-ar);
  --sucesso: #8ED1AB;
  --sucesso-fundo: #17302A;
  --atencao: #E8B76A;
  --atencao-fundo: #33271A;
  --critico: #D99AD6;
  --critico-fundo: #3D1A27;
  --dado-1: #B06290;
  --dado-2: #C28336;
  --dado-3: #249B86;
  --enfase: #EC7C99;
  --moldura: #5A3641;
  --janela: var(--fundo);
  --sombra-1: 0 1px 2px rgba(0,0,0,0.4);
  --sombra-2: 0 1px 2px rgba(0,0,0,0.4), 0 16px 40px -18px rgba(0,0,0,0.7);
  --sombra-3: 0 24px 64px -20px rgba(0,0,0,0.8);
}