/* Servilha — tokens da marca. Fonte única: marca.json + interface/fonte. Não edite à mão; regenere. */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;1,400;1,500&family=Raleway:wght@400;500;600&display=swap');

:root, [data-theme="claro"], [data-theme="aparelho"] {
  color-scheme: light;
  --sv-granito: #0E0E0E;
  --sv-superficie-escura: #1A1A19;
  --sv-pedra: #E2E2DF;
  --sv-pedra-2: #F2F2F0;
  --sv-pedra-3: #D6D6D2;
  --sv-dourado: #B68845;
  --sv-dourado-claro: #C9A266;
  --sv-bronze: #6A4E1F;
  --sv-bronze-forte: #57401A;
  --sv-branco-nome: #E9E8E6;
  --sv-grafite: #4A4843;
  --sv-po: #9C9890;
  --sv-borda-campo: #77736B;
  --sv-fundo: var(--sv-pedra);
  --sv-superficie: var(--sv-pedra-2);
  --sv-superficie-2: #EAEAE7;
  --sv-texto: var(--sv-granito);
  --sv-texto-2: var(--sv-grafite);
  --sv-texto-3: #605E58;
  --sv-linha: #CBCBC6;
  --sv-borda-controle: var(--sv-borda-campo);
  --sv-acao: var(--sv-granito);
  --sv-acao-hover: var(--sv-bronze-forte);
  --sv-sobre-acao: var(--sv-branco-nome);
  --sv-realce: var(--sv-pedra-3);
  --sv-sobre-realce: var(--sv-granito);
  --sv-foco: var(--sv-bronze);
  --sv-simbolo: var(--sv-bronze);
  --sv-sucesso: #336B33;
  --sv-sucesso-fundo: #DDE8DA;
  --sv-atencao: #A6450F;
  --sv-atencao-fundo: #F6E2D4;
  --sv-critico: #9D2B33;
  --sv-critico-fundo: #F5DFDF;
  --sv-dado-1: #936418;
  --sv-dado-2: #375C9B;
  --sv-dado-3: #009B8E;
  --sv-enfase: var(--sv-bronze);
  --sv-fio: var(--sv-bronze);
  --sv-chao-marca: var(--sv-granito);
  --sv-dourado-50: #FBF4EB;
  --sv-dourado-100: #F6E9D7;
  --sv-dourado-200: #ECD4B2;
  --sv-dourado-300: #DDBB8A;
  --sv-dourado-400: #C9A266;
  --sv-dourado-500: #B68845;
  --sv-dourado-600: #906A2C;
  --sv-dourado-700: #6A4E1F;
  --sv-dourado-800: #57401A;
  --sv-dourado-900: #3C2A0F;
  --sv-dourado-950: #201609;
  --sv-sombra-1: none;
  --sv-sombra-2: 0 1px 2px rgba(14,14,14,0.08), 0 12px 28px -16px rgba(14,14,14,0.30);
  --sv-sombra-3: 0 24px 56px -24px rgba(14,14,14,0.40);
  --sv-espaco-1: 4px;
  --sv-espaco-2: 8px;
  --sv-espaco-3: 12px;
  --sv-espaco-4: 16px;
  --sv-espaco-5: 24px;
  --sv-espaco-6: 32px;
  --sv-espaco-7: 48px;
  --sv-espaco-8: 64px;
  --sv-raio-sm: 0px;
  --sv-raio-md: 0px;
  --sv-raio-lg: 0px;
  --sv-raio-xl: 0px;
  --sv-raio-pilula: 0px;
  --sv-chanfro-cartao: 24px;
  --sv-chanfro-cartao-estreito: 16px;
  --sv-chanfro-selo: 12px;
  --sv-tempo-rapido: 150ms;
  --sv-tempo-base: 240ms;
  --sv-tempo-lento: 400ms;
  --sv-tempo-assinatura: 1200ms;
  --sv-curva-marca: cubic-bezier(0.45, 0, 0.15, 1);
  --sv-quebra-celular: 390px;
  --sv-quebra-tablet: 760px;
  --sv-quebra-desktop: 1024px;
  --sv-quebra-largo: 1280px;
  --sv-camada-base: 0;
  --sv-camada-fixo: 10;
  --sv-camada-menu: 20;
  --sv-camada-painel: 30;
  --sv-camada-modal: 40;
  --sv-camada-aviso: 50;
  --sv-camada-dica: 60;
  --sv-fonte-titulo: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --sv-fonte-texto: Raleway, 'Segoe UI', system-ui, sans-serif;
}

[data-theme="escuro"], .dark {
  color-scheme: dark;
  --sv-fundo: var(--sv-granito);
  --sv-superficie: var(--sv-superficie-escura);
  --sv-superficie-2: #242422;
  --sv-texto: var(--sv-branco-nome);
  --sv-texto-2: var(--sv-po);
  --sv-texto-3: #908C84;
  --sv-linha: #2F2E2B;
  --sv-borda-controle: var(--sv-borda-campo);
  --sv-acao: var(--sv-dourado);
  --sv-acao-hover: var(--sv-dourado-claro);
  --sv-sobre-acao: var(--sv-granito);
  --sv-realce: #2C2A26;
  --sv-sobre-realce: var(--sv-dourado-claro);
  --sv-foco: var(--sv-dourado);
  --sv-simbolo: var(--sv-dourado);
  --sv-sucesso: #86C79A;
  --sv-sucesso-fundo: #1B2A1D;
  --sv-atencao: #F48A61;
  --sv-atencao-fundo: #2E1E14;
  --sv-critico: #E57888;
  --sv-critico-fundo: #311A1D;
  --sv-dado-1: var(--sv-dourado);
  --sv-dado-2: #436BAE;
  --sv-dado-3: #16A7A3;
  --sv-enfase: var(--sv-dourado);
  --sv-fio: var(--sv-dourado);
  --sv-chao-marca: var(--sv-granito);
  --sv-sombra-1: none;
  --sv-sombra-2: 0 1px 2px rgba(0,0,0,0.5), 0 14px 36px -18px rgba(0,0,0,0.8);
  --sv-sombra-3: 0 24px 56px -20px rgba(0,0,0,0.85);
}

@media (prefers-color-scheme: dark) {
  [data-theme="aparelho"] {
    color-scheme: dark;
    --sv-fundo: var(--sv-granito);
    --sv-superficie: var(--sv-superficie-escura);
    --sv-superficie-2: #242422;
    --sv-texto: var(--sv-branco-nome);
    --sv-texto-2: var(--sv-po);
    --sv-texto-3: #908C84;
    --sv-linha: #2F2E2B;
    --sv-borda-controle: var(--sv-borda-campo);
    --sv-acao: var(--sv-dourado);
    --sv-acao-hover: var(--sv-dourado-claro);
    --sv-sobre-acao: var(--sv-granito);
    --sv-realce: #2C2A26;
    --sv-sobre-realce: var(--sv-dourado-claro);
    --sv-foco: var(--sv-dourado);
    --sv-simbolo: var(--sv-dourado);
    --sv-sucesso: #86C79A;
    --sv-sucesso-fundo: #1B2A1D;
    --sv-atencao: #F48A61;
    --sv-atencao-fundo: #2E1E14;
    --sv-critico: #E57888;
    --sv-critico-fundo: #311A1D;
    --sv-dado-1: var(--sv-dourado);
    --sv-dado-2: #436BAE;
    --sv-dado-3: #16A7A3;
    --sv-enfase: var(--sv-dourado);
    --sv-fio: var(--sv-dourado);
    --sv-chao-marca: var(--sv-granito);
    --sv-sombra-1: none;
    --sv-sombra-2: 0 1px 2px rgba(0,0,0,0.5), 0 14px 36px -18px rgba(0,0,0,0.8);
    --sv-sombra-3: 0 24px 56px -20px rgba(0,0,0,0.85);
  }
}