/* ==========================================================================
   Design tokens: tema claro («Sublime») e escuro («Poder»)
   Para mudar a identidade visual basta editar este ficheiro.
   ========================================================================== */
/* Fontes self-hosted (sem pedidos a terceiros). Licença OFL: Cormorant Garamond e Inter. */
@font-face { font-family: "Inter"; src: url("../fonts/inter-latin-wght-normal.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Cormorant Garamond"; src: url("../fonts/cormorant-garamond-latin-500-normal.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Cormorant Garamond"; src: url("../fonts/cormorant-garamond-latin-600-normal.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Cormorant Garamond"; src: url("../fonts/cormorant-garamond-latin-700-normal.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Cormorant Garamond"; src: url("../fonts/cormorant-garamond-latin-500-italic.woff2") format("woff2"); font-weight: 500; font-style: italic; font-display: swap; }
@font-face { font-family: "Cormorant Garamond"; src: url("../fonts/cormorant-garamond-latin-600-italic.woff2") format("woff2"); font-weight: 600; font-style: italic; font-display: swap; }

:root {
  --font-serif: "Cormorant Garamond", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;
  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  --fs-xs: .8125rem;
  --fs-sm: .95rem;
  --fs-md: 1.0625rem;
  --fs-lg: clamp(1.15rem, 1.05rem + .35vw, 1.3rem);
  --fs-xl: clamp(1.45rem, 1.2rem + 1vw, 1.9rem);
  --fs-2xl: clamp(2.3rem, 1.4rem + 3.6vw, 4.1rem);
  --fs-3xl: clamp(2.8rem, 1.2rem + 7vw, 6.4rem);

  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4.5rem;
  --space-9: clamp(4rem, 3rem + 5vw, 8rem);

  --r-sm: 3px;
  --r-md: 5px;
  --r-lg: 8px;
  --r-pill: 999px;

  --ease: cubic-bezier(.22, .8, .24, 1);
  --ease-in-out: cubic-bezier(.65, 0, .35, 1);
  --t-fast: .18s;
  --t-med: .45s;

  --container: 1200px;
  --gutter: clamp(1rem, 4vw, 2rem);
  --header-h: 72px;
}

/* ---------- Tema claro: marfim, azul da capa, ouro velho ---------- */
:root,
:root[data-theme="light"] {
  color-scheme: light;
  --bg: #fbfaf5;
  --bg-soft: #f3f1e8;
  --bg-deep: #ebe8dc;
  --surface: #ffffff;
  --surface-2: #f7f6f0;
  --text: #121c38;
  --text-strong: #0a1330;
  --muted: #4a5578;
  --line: rgba(18, 28, 56, .12);
  --line-strong: rgba(18, 28, 56, .24);

  --brand: #2d54a6;
  --brand-soft: rgba(45, 84, 166, .1);
  --gold: #7f5f14;
  --gold-bright: #c9a24a;
  --gold-soft: rgba(127, 95, 20, .13);

  --accent: #2d54a6;
  --accent-hover: #1f3f85;
  --accent-ink: #ffffff;
  --accent-glow: rgba(45, 84, 166, .32);

  --danger: #b3261e;
  --ok: #1f7a4d;

  --shadow-sm: 0 1px 2px rgba(18, 28, 56, .05);
  --shadow-md: 0 1px 3px rgba(18, 28, 56, .06), 0 6px 14px -8px rgba(18, 28, 56, .12);
  --shadow-lg: 0 14px 30px -18px rgba(18, 28, 56, .22);
  --shadow-book: 0 18px 36px -16px rgba(18, 28, 56, .45);
  --header-bg: rgba(251, 250, 245, .82);

  --hero-bg:
    radial-gradient(900px 520px at 85% -10%, rgba(201, 162, 74, .22), transparent 60%),
    radial-gradient(800px 600px at -10% 20%, rgba(45, 84, 166, .12), transparent 60%);
  --band-bg: linear-gradient(135deg, #1f3f85, #2d54a6 55%, #4d72c4);
  --band-ink: #ffffff;
  --noise-opacity: .035;
}

/* ---------- Tema escuro: noite profunda, ouro luminoso ---------- */
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #080f26;
  --bg-soft: #0c1633;
  --bg-deep: #060b1d;
  --surface: #111c40;
  --surface-2: #0e1836;
  --text: #eef1fa;
  --text-strong: #ffffff;
  --muted: #b0bcd9;
  --line: rgba(255, 255, 255, .12);
  --line-strong: rgba(255, 255, 255, .26);

  --brand: #8ba8f2;
  --brand-soft: rgba(139, 168, 242, .12);
  --gold: #d9b865;
  --gold-bright: #ecd08a;
  --gold-soft: rgba(217, 184, 101, .14);

  --accent: #e2c06e;
  --accent-hover: #f0d48f;
  --accent-ink: #0b1330;
  --accent-glow: rgba(226, 192, 110, .38);

  --danger: #ff8a80;
  --ok: #6fd6a2;

  --shadow-sm: 0 1px 2px rgba(0, 0, 0, .25);
  --shadow-md: 0 1px 3px rgba(0, 0, 0, .3), 0 6px 14px -8px rgba(0, 0, 0, .4);
  --shadow-lg: 0 14px 30px -16px rgba(0, 0, 0, .5);
  --shadow-book: 0 18px 40px -14px rgba(0, 0, 0, .7);
  --header-bg: rgba(8, 15, 38, .72);

  --hero-bg:
    radial-gradient(900px 560px at 85% -10%, rgba(226, 192, 110, .2), transparent 60%),
    radial-gradient(900px 640px at -10% 25%, rgba(70, 105, 210, .28), transparent 60%);
  --band-bg: linear-gradient(135deg, #0f1c4a, #172a6a 55%, #22398a);
  --band-ink: #ffffff;
  --noise-opacity: .06;
}