/* ═══════════════════════════════════════════════
   ROTA — tokens de design
   Base compartilhada entre a vitrine (styles.css)
   e o painel do lojista (painel.css).
   ═══════════════════════════════════════════════ */

:root{
  --amber:#F0A93C;      /* cor principal: brasa, fogo, ação */
  --ember:#C0731A;      /* profundidade do âmbar */
  --gold:#F6D189;       /* preços e destaques */
  --on-amber:#17110A;   /* texto sobre âmbar */
  --violet:#7C5CFF;     /* apoio */
  --iris:#A78BFA;
  --mint:#35E0C8;       /* ao vivo, sucesso, entrega grátis */
  --rose:#FF7BA8;

  --ff-display:"Sora","Segoe UI Variable Display",system-ui,-apple-system,sans-serif;
  --ff-text:"Inter","Segoe UI",system-ui,-apple-system,sans-serif;

  --pad:clamp(18px,4.6vw,84px);
  --maxw:1580px;
  --r-xs:10px; --r-sm:16px; --r-md:22px; --r-lg:30px; --r-xl:40px;

  --e-out:cubic-bezier(.16,1,.3,1);
  --e-soft:cubic-bezier(.4,.05,.2,1);

  --nav-h:74px;
}

/* ── tema escuro (padrão) ── */
html[data-theme="dark"]{
  --bg:#0A0908;
  --bg-deep:#060505;
  --panel:#131110;
  --surface:rgba(255,255,255,.045);
  --surface-2:rgba(255,255,255,.08);
  --surface-3:rgba(255,255,255,.13);
  --stroke:rgba(255,255,255,.10);
  --stroke-2:rgba(255,255,255,.18);
  --ink:#F6F2EA;
  --ink-2:rgba(246,242,234,.72);
  --ink-3:rgba(246,242,234,.58);   /* mínimo para texto pequeno passar em 4.5:1 */
  --stroke-btn:rgba(255,255,255,.38); /* contorno de controle: alvo 3:1 */
  --price:#F6D189;
  --shadow:0 30px 80px -30px rgba(0,0,0,.85);
  --glass:rgba(16,13,10,.64);
  --grain-op:.03;
  --orb-op:.26;
}
/* ── tema claro ── */
html[data-theme="light"]{
  --bg:#F4F1EA;
  --bg-deep:#E9E4D9;
  --panel:#FFFFFF;
  --surface:rgba(16,12,40,.038);
  --surface-2:rgba(16,12,40,.07);
  --surface-3:rgba(16,12,40,.11);
  --stroke:rgba(16,12,40,.10);
  --stroke-2:rgba(16,12,40,.18);
  --ink:#15100A;
  --ink-2:rgba(21,16,10,.72);
  --ink-3:rgba(21,16,10,.6);
  --stroke-btn:rgba(21,16,10,.5);
  --price:#9A5A0E;
  --shadow:0 30px 70px -34px rgba(23,18,60,.35);
  --glass:rgba(255,255,255,.7);
  --grain-op:.018;
  --orb-op:.2;
}