@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Jost:wght@400;500;600;700&display=swap");

/* ============================================================
   AWAVE MARKETING: identidade aplicada ao núcleo

   Paleta tirada do site da AWave (awavemarketing.com, 19/10/2026):
   vinho #4B2E36, creme #F7F3EE, dourado #B49061, rosa #C89BA6,
   tinta #35272C. A logo é serifada de contraste alto, com a onda
   em cobre; MARKETING embaixo em sem serifa espaçada.

     · o vinho é a marca: barra lateral, botão, item ativo;
     · o dourado é destaque e conquista, nunca alerta;
     · fundo creme na tela, cartão branco por cima.

   Este arquivo só troca token. Componente é do núcleo.
   ============================================================ */

:root {
  --aw-vinho:     #4B2E36;
  --aw-vinho-esc: #3A2229;
  --aw-vinho-txt: #5E3A44;
  --aw-creme:     #F7F3EE;
  --aw-dourado:   #B49061;
  --aw-rosa:      #C89BA6;
  --aw-tinta:     #35272C;

  /* ---------- superfícies ---------- */
  --bg:          var(--aw-creme);
  --surface:     #FFFFFF;
  --surface-2:   #FBF8F4;
  --surface-3:   #F1EAE3;
  --border:      #DDCFC4;
  --border-soft: #EEE5DF;

  /* ---------- texto ---------- */
  --text:        var(--aw-tinta);
  --text-muted:  #6B5A5F;
  --text-faint:  #947F85;

  /* ---------- marca ---------- */
  --brand:            var(--aw-vinho);
  --brand-dark:       var(--aw-vinho-esc);
  --brand-texto:      var(--aw-vinho-txt);
  --brand-vivo:       var(--aw-vinho);
  --sobre-vivo:       #FFFFFF;
  --brand-soft:       #F4ECEE;
  --brand-linha:      #E4D1D7;
  --brand-contraste:  #FFFFFF;

  /* ---------- barra lateral ---------- */
  --sidebar-bg:     var(--aw-vinho);
  --sidebar-text:   #F7F3EE;
  --sidebar-muted:  #D3C1BA;
  --sidebar-faint:  #B69F96;
  --sidebar-border: rgba(255, 255, 255, .12);
  --sidebar-hover:  var(--aw-vinho-esc);
  --sidebar-brand:  var(--aw-dourado);

  /* ---------- sinais (verde = dinheiro, vermelho só no atrasado) ---------- */
  --green:     #2F7A55;   --green-bg:  #E5F2EB;
  --orange:    #9C6207;   --orange-bg: #FBF0DF;
  --red:       #B3392F;   --red-bg:    #FBE9E7;
  --blue:      #3F6488;   --blue-bg:   #E8EEF5;

  /* ---------- acabamento ---------- */
  --r:       8px;
  --radius:  8px;
  --shadow:    0 1px 2px rgba(53, 39, 44, .06);
  --shadow-lg: 0 14px 44px -14px rgba(58, 34, 41, .34);

  /* ---------- tipografia ----------
     Jost no corpo (geométrica, como o MARKETING da logo) e Cormorant
     Garamond nos títulos (o contraste alto do "Awave"). */
  --ui:      "Jost", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  --display: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --serif:   "Cormorant Garamond", Georgia, "Times New Roman", serif;

  /* ---------- login ---------- */
  --login-bg:    var(--aw-vinho);
  --login-grade: rgba(255, 255, 255, .05);
}

@media (prefers-color-scheme: dark) {
  :root {
    --brand:       #C89BA6;
    --brand-texto: #D9B3BC;
    --brand-soft:  #2E1D22;
    --brand-linha: #4A2F37;
  }
}

/* Especificidade: o núcleo escreve `button.primary` (0,1,1). */
button.primary,
.btn.primary {
  background: var(--brand);
  border-color: var(--brand);
  color: #FFFFFF;
}

button.primary:hover,
.btn.primary:hover {
  background: var(--brand-dark);
  border-color: var(--brand-dark);
}