/* ============================================================
   Rivessa — Brand Kit (plataforma white-label de pagamentos)
   Fonte da marca: brand-assets/01_Rivessa (Manual_Rivessa, 2026)
   Paleta: Marine #1F4E5F · Champagne #C9A96A · Sand #F1ECE1 · Ink #14222A
   Tipografia: Cormorant (wordmark/títulos) + Jost (corpo/UI)
   Uso: <link rel="stylesheet" href="/dom-demo/rivessa-brand.css">
   Compatibilidade: redefine as vars --dom-* usadas pelas páginas
   existentes (checkout, backoffice) — só o CONTEÚDO visual muda,
   arquivos e rotas continuam os mesmos.
   Self-hosted → CSP-compliant (font-src 'self').
   ============================================================ */

/* ---- Fontes (self-hosted, variáveis) ---- */
@font-face{
  font-family:'Cormorant';font-style:normal;font-weight:300 700;font-display:swap;
  src:url('/dom-demo/fonts/cormorant-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Jost';font-style:normal;font-weight:300 700;font-display:swap;
  src:url('/dom-demo/fonts/jost-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

:root{
  /* ---- Cores de marca (nomes Rivessa) ---- */
  --riv-marine:#1F4E5F;       /* primária — wordmark, CTA, acentos */
  --riv-marine-deep:#163946;  /* hover / gradiente de CTA */
  --riv-champagne:#C9A96A;    /* acento dourado — a "onda", detalhes, com parcimônia */
  --riv-sand:#F1ECE1;         /* fundo de marca */
  --riv-ink:#14222A;          /* tinta — texto/títulos */
  --riv-white:#ffffff;

  /* ---- Compatibilidade: as páginas usam var(--dom-*) ---- */
  --dom-green:var(--riv-marine);
  --dom-green-deep:var(--riv-marine-deep);
  --dom-cream:var(--riv-sand);
  --dom-ink:var(--riv-ink);
  --dom-ink-soft:#54646d;     /* texto secundário (marine acinzentado, legível) */
  --dom-taupe:#8b8e85;        /* neutro quente — legendas sobre sand */
  --dom-blue:#1F4E5F;         /* apoio = a própria marine */
  --dom-white:#ffffff;
  --dom-line:#ddd5c3;         /* bordas sobre sand */
  --dom-ok:#3f7d56;           /* status: pago/sucesso */
  --dom-wait:#b08a2e;         /* status: aguardando (harmoniza com champagne) */

  /* ---- Tipografia ---- */
  --dom-serif:'Cormorant',Georgia,'Times New Roman',serif;                 /* títulos, preços */
  --dom-sans:'Jost','Montserrat',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif; /* corpo, UI */

  /* ---- Elevação / raio ---- */
  --dom-shadow:0 18px 50px -24px rgba(20,34,42,.35);
  --dom-radius:18px;
}

/* ---- Helpers opcionais ---- */
.riv-serif{font-family:var(--dom-serif)}
.riv-sans{font-family:var(--dom-sans)}
.riv-card{background:var(--dom-white);border:1px solid var(--dom-line);border-radius:var(--dom-radius);box-shadow:var(--dom-shadow)}
.riv-eyebrow{font-family:var(--dom-sans);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--riv-marine)}
.riv-btn{font-family:var(--dom-sans);font-weight:600;border:0;border-radius:999px;padding:12px 22px;cursor:pointer;color:#fff;
  background:linear-gradient(180deg,var(--riv-marine),var(--riv-marine-deep))}
.riv-btn.ghost{background:transparent;color:var(--riv-marine);border:1px solid var(--dom-line)}
/* onda champagne sob o wordmark (assinatura da marca) */
.riv-wave{display:block;height:3px;width:64px;border-radius:99px;background:linear-gradient(90deg,transparent,var(--riv-champagne) 18%,var(--riv-champagne) 82%,transparent)}