/* Deedo Studio — tokens do design system (spec 2026-09-28 §3). Os nomes --cor-champagne* são
   históricos: hoje são o rosa antigo.
   Tema único claro, de propósito. Mudar uma cor aqui muda todas as telas do cliente. */

@font-face { font-family: "Outfit"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/outfit-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Outfit"; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/outfit-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "Outfit"; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/outfit-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "Cormorant Garamond"; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/cormorant-garamond-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "Cormorant Garamond"; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/cormorant-garamond-latin-600-normal.woff2") format("woff2"); }

:root {
  /* Fundos e linhas */
  --cor-fundo: #FFFCFA;
  --cor-superficie: #F8F1EE;
  --cor-superficie-2: #F2E7E3;
  --cor-linha: #EFE3DF;
  --cor-linha-forte: #E0CDC8;

  /* Texto (grafite quente) */
  --cor-texto: #2B1F1C;
  --cor-texto-2: #56443F;
  --cor-texto-3: #7A6560;          /* ≥ 4,5:1 sobre o fundo */
  --cor-texto-desabilitado: #9C8783;
  --cor-desabilitado-fraco: #B3A09B;
  --cor-placeholder: var(--cor-texto-3);

  /* Destaque — champagne nunca é texto nem contorno sobre branco (2,70:1) */
  --cor-champagne: #C98F8A;        /* grafite sobre champagne: 5,9:1 */
  --cor-champagne-hover: #BC7F7A;
  --cor-champagne-suave: #F4E4E1;
  --cor-champagne-texto: #8E4F4A;

  /* Ilustração e superfícies invertidas */
  --cor-ilustracao-vazia: #C9ADA8;
  --cor-texto-inverso-2: #D9D5CE;
  --cor-toast-sucesso: #9FD3B6;
  --cor-toast-erro: #F2A89F;

  /* Semânticas */
  --cor-sucesso: #2F6B4F;  --cor-sucesso-fundo: #EAF3EE;
  --cor-erro: #B3261E;     --cor-erro-fundo: #FBEAE8;  --cor-erro-linha: #EBC8C4;
  --cor-aviso: #8A5A00;    --cor-aviso-fundo: #FBF1DC;

  /* Tipografia */
  --fonte: "Outfit", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --fonte-titulo: "Cormorant Garamond", Georgia, "Times New Roman", serif;

  /* Espaço (múltiplos de 4) */
  --esp-1: 4px; --esp-2: 8px; --esp-3: 12px; --esp-4: 16px; --esp-5: 24px; --esp-6: 32px; --esp-7: 48px;

  /* Cantos */
  --raio-p: 10px; --raio-m: 14px; --raio-g: 20px; --raio-pilula: 999px;

  /* Sombras: só em elementos flutuantes */
  --sombra-1: 0 1px 2px rgba(43, 31, 28, .04), 0 2px 8px rgba(43, 31, 28, .04);
  --sombra-2: 0 12px 32px rgba(43, 31, 28, .10);

  /* Transparências fixas (o pacote de marca redefine com os tons dele) */
  --cor-foco-anel: rgba(43, 31, 28, .08);
  --cor-painel-fundo-escuro: rgba(43, 31, 28, .36);
  --cor-nav-fundo: rgba(255, 252, 250, .96);

  /* Movimento */
  --mov-rapido: 150ms;
  --mov: 200ms;
  --curva: cubic-bezier(.2, .7, .3, 1);

  /* Layout */
  --largura-max: 1120px;
  --altura-nav: 64px;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
  .btn[aria-busy="true"] .icone { animation-duration: 1.6s !important; animation-iteration-count: infinite !important; }
}