/* Bea Oráculos · kit do site · gerado do design system em 2026-10-10
   Não edite à mão: este arquivo é refeito a cada atualização do design system. */
@import url("https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Manrope:wght@400;500;600;700&family=Noto+Sans+Bamum&display=swap");

:root{
  color-scheme:dark;
  --noite-950:#080a10;--ceu-900:#00103f;--ceu-800:#0c1048;--veludo-700:#00066c;--cobalto-600:#183c90;
  --vinho-800:#4a0a16;--rubi-700:#8b0e1a;--laca-600:#8b0e1a;--carmim-600:#8b0e1a;
  --ouro-700:#7d6122;--ouro-600:#7d6122;--ouro-500:#c4993c;--ouro-400:#d89c18;--ouro-200:#e3d6ad;
  --prata-100:#e6e9ef;--prata-300:#c7ccd6;--prata-500:#8e939e;--champanhe-200:#e3d6ad;--papel-50:#f8f7f4;--ardosia-700:#47506a;
  --pergaminho-50:#f8f7f4;--pergaminho-100:#f1f0ec;--pergaminho-300:#c5c3bd;--tinta-900:#10172b;--tinta-700:#47506a;
  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--space-24:96px;
  --radius-sm:4px;--radius-md:8px;--radius-lg:14px;--radius-pill:999px;
  --sombra-card:0 2px 6px rgba(0,0,0,.35),0 12px 30px rgba(3,6,20,.55);
  --sombra-papel:0 1px 2px rgba(16,23,43,.10),0 8px 24px rgba(16,23,43,.12);
  --brilho-ouro:0 0 0 1px rgba(216,156,24,.35),0 0 24px rgba(216,156,24,.22);
  --font-titulo:'Instrument Serif','Didot',Georgia,serif;
  --font-corpo:'Manrope',system-ui,sans-serif;
  --font-oficio:'Manrope',system-ui,sans-serif;
  --font-ornamento:'Instrument Serif',Georgia,serif;
  --ease:cubic-bezier(.4,0,.2,1);
  /* tema Noite (padrão) */
  --fundo:var(--noite-950);--fundo-ceu:var(--ceu-800);--superficie:var(--ceu-900);--superficie-card:var(--vinho-800);
  --texto:var(--pergaminho-100);--texto-suave:var(--prata-300);--texto-ouro:var(--ouro-400);--moldura:var(--ouro-500);
  --linha-sutil:rgba(230,203,110,.22);--cta:var(--ouro-400);--on-cta:var(--tinta-900);--foco:var(--ouro-200);
  --sombra:var(--sombra-card);--chrome:#0b0d14;--chrome-2:#121624;--nao:#e8735f;
}
:root[data-bea="pergaminho"]{
  color-scheme:light;
  --fundo:var(--pergaminho-100);--fundo-ceu:var(--ceu-900);--superficie:var(--pergaminho-50);--superficie-card:var(--pergaminho-50);
  --texto:var(--tinta-900);--texto-suave:var(--tinta-700);--texto-ouro:var(--rubi-700);--deco-ouro:var(--ouro-400);--moldura:var(--cobalto-600);
  --linha-sutil:rgba(16,23,43,.16);--cta:var(--vinho-800);--on-cta:var(--pergaminho-100);--foco:var(--cobalto-600);
  --sombra:var(--sombra-papel);--chrome:#e9e9e6;--chrome-2:#dfe0dd;--nao:var(--rubi-700);
}

/* ---------- base ---------- */
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--fundo);color:var(--texto);font-family:var(--font-corpo);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:var(--font-titulo);font-weight:400;line-height:1.08;margin:0 0 .4em;text-wrap:balance}
h1 i,h2 i,h3 i,.t-display i,.t-secao i{color:var(--texto-ouro)}
a{color:var(--texto-ouro)}
:focus-visible{outline:2px solid var(--foco);outline-offset:3px}
.g-sol{font-family:'Noto Sans Bamum',var(--font-corpo)}

/* ---------- tipografia ---------- */
.t-display{font-family:var(--font-titulo);font-weight:400;font-size:clamp(44px,7vw,84px);line-height:1}
.t-secao{font-family:var(--font-titulo);font-weight:400;font-size:clamp(32px,4.6vw,46px);line-height:1.1}
.t-oficio,.of{font-family:var(--font-oficio);font-weight:500;font-size:12px;line-height:18px;letter-spacing:.18em;text-transform:uppercase;color:var(--texto-ouro)}
.t-corpo{font-size:16px;line-height:26px}
.t-legenda{font-size:14px;line-height:22px;color:var(--texto-suave)}

/* ---------- botões & selos ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-oficio);font-weight:600;font-size:13px;line-height:16px;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;padding:15px var(--space-6);border-radius:var(--radius-pill);border:1px solid transparent;cursor:pointer;transition:transform .22s var(--ease),box-shadow .22s var(--ease)}
.btn:hover{transform:translateY(-1px)}
.btn-p{background:var(--cta);color:var(--on-cta);box-shadow:var(--brilho-ouro)}
.btn-s{background:transparent;color:var(--texto-ouro);border-color:var(--moldura)}
.btn-u{background:var(--rubi-700);color:var(--pergaminho-100)}
.btn[disabled]{background:transparent;color:var(--prata-500);border:1px dashed var(--prata-500);box-shadow:none;cursor:not-allowed;transform:none}
.selo{display:inline-block;font-family:var(--font-oficio);font-weight:500;font-size:11px;line-height:16px;letter-spacing:.12em;text-transform:uppercase;padding:6px 12px;border-radius:var(--radius-pill);border:1px solid var(--moldura)}
.selo-o{color:var(--texto-ouro)}
.selo-u{background:var(--rubi-700);border-color:var(--rubi-700);color:var(--pergaminho-100)}
.selo-c{background:var(--veludo-700);border-color:var(--veludo-700);color:var(--pergaminho-100)}
.selo-r{background:var(--prata-100);border-color:var(--prata-100);color:var(--tinta-900)}

/* ---------- fundos ---------- */
.bg-veludo-azul{background:url("fundos/estrela-guia.svg") center/380px 380px,url("fundos/ruido-escuro.png"),radial-gradient(ellipse at 30% 25%,rgba(80,110,220,.45),transparent 55%),radial-gradient(ellipse at 75% 80%,rgba(0,0,0,.55),transparent 60%),linear-gradient(160deg,#0b1a6b,#04083a);color:var(--pergaminho-100)}
.bg-veludo-azul-bordado{background:url("fundos/veludo-bordado.svg") center/300px 300px,url("fundos/ruido-escuro.png"),radial-gradient(ellipse at 30% 25%,rgba(80,110,220,.45),transparent 55%),radial-gradient(ellipse at 75% 80%,rgba(0,0,0,.55),transparent 60%),linear-gradient(160deg,#0b1a6b,#04083a);color:var(--pergaminho-100)}
.bg-veludo-vinho{background:url("fundos/estrela-guia.svg") 40px 60px/420px 420px,url("fundos/ruido-escuro.png"),radial-gradient(ellipse at 35% 30%,rgba(170,50,80,.40),transparent 55%),radial-gradient(ellipse at 70% 75%,rgba(0,0,0,.55),transparent 60%),linear-gradient(160deg,#5e0d22,#25060f);color:var(--pergaminho-100)}
.bg-noite{background:url("fundos/estrela-guia.svg") 120px 0/340px 340px,url("fundos/ruido-escuro.png"),radial-gradient(ellipse at 50% 0%,rgba(60,70,110,.25),transparent 60%),#080a10;color:var(--pergaminho-100)}
.bg-ceu{background:url("fundos/ceu-noite.svg"),radial-gradient(ellipse at 60% 45%,rgba(120,150,220,.35),transparent 55%),linear-gradient(180deg,#0c1048,#050a2c);color:var(--pergaminho-100)}
.bg-mapa{background:url("fundos/mapa-celeste.svg") center/360px 360px,#0d1f4a;color:var(--pergaminho-100)}
.bg-lua-cheia{background:url("fundos/lua-cheia.svg") right 6% center/min(46vw,420px) no-repeat,url("fundos/estrela-guia.svg") 0 0/420px 420px,url("fundos/ruido-escuro.png"),radial-gradient(ellipse at 70% 75%,rgba(0,0,0,.55),transparent 60%),linear-gradient(160deg,#5e0d22,#25060f);color:var(--pergaminho-100)}
.bg-pergaminho{background:url("fundos/papel.png"),radial-gradient(ellipse at 50% 50%,transparent 60%,rgba(90,100,120,.12)),linear-gradient(135deg,#f6f5f1,#e6e4de);color:var(--tinta-900)}
.bg-pergaminho-estrelado{background:url("fundos/pergaminho-estrelado.svg") center/300px 300px,linear-gradient(135deg,#f6f5f1,#e6e4de);color:var(--tinta-900)}
.bg-moldura-arlequim{background:url("fundos/ruido-escuro.png"),url("fundos/arlequim-desbotado.svg") center/42px 63px;padding:clamp(18px,4vw,40px)}
.faixa-azulejo{height:clamp(80px,10vw,120px);background:url("fundos/ruido-escuro.png"),url("fundos/azulejo.svg") center/clamp(56px,7vw,80px) clamp(56px,7vw,80px);border-block:2px solid #a98d4f}

/* ---------- superfícies ---------- */
.folha{position:relative;background:url("fundos/papel.png"),linear-gradient(135deg,#f6f5f1,#e6e4de);color:var(--tinta-900);border:1px solid #a98d4f;outline:1px solid #a98d4f;outline-offset:-8px;border-radius:2px;padding:clamp(24px,4vw,48px);box-shadow:0 14px 34px rgba(0,0,0,.45)}
.folha h1,.folha h2,.folha h3,.folha .t-secao{color:var(--veludo-700)}
.folha h1 i,.folha h2 i,.folha h3 i,.folha .t-secao i,.folha .t-oficio,.folha .of{color:var(--rubi-700)}
.folha .t-legenda{color:var(--ardosia-700)}
.folha .btn-p{background:var(--vinho-800);color:var(--pergaminho-100);box-shadow:none}
.card-noite{background:rgba(0,16,63,.94);border:1px solid var(--linha-sutil);border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--sombra-card);color:var(--pergaminho-100)}
.elemento{filter:drop-shadow(0 10px 14px rgba(0,0,0,.5));pointer-events:none}