/* NABAT | CORE — BASE */
/* =========================================================
   DESIGN TOKENS — PLATINA, PÉROLA E PRETO SUAVE
   ========================================================= */
:root {
  color-scheme: dark;
  --fg: #f7f0e4;
  --muted: rgba(247,240,228,.66);
  --line: rgba(216,182,122,.14);
  --gold: #d8b67a;
  --blue: #6b8cff;
  --platinum: #b3b2ad;
  --pearl: #deddd8;
  --ink: #292824;
  --metal-muted: #54514a;
  --bronze: #715737;
  --soft-black: #090a0c;
  
  --font-brand: "Plus Jakarta Sans", Inter, system-ui, sans-serif;
  --font-ui: "Plus Jakarta Sans", Inter, system-ui, sans-serif;
  --font-display: "Instrument Serif", Georgia, serif;
  --font-strong: "Bricolage Grotesque", "Plus Jakarta Sans", system-ui, sans-serif;
  --ease-premium: cubic-bezier(.19, 1, .22, 1);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }

body {
  margin: 0;
  font-family: var(--font-ui);
  background: radial-gradient(circle at 20% 0%, rgba(198,160,98,.11), transparent 28%),
              radial-gradient(circle at 85% 18%, rgba(107,140,255,.055), transparent 26%),
              linear-gradient(180deg, #080a0f 0%, #101017 42%, #07090d 100%);
  color: var(--fg);
  overflow-x: hidden;
  cursor: none;
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
}

body:not(.loaded) { overflow: hidden; }
a { color: inherit; text-decoration: none; }

/* =========================================================
   TEXTOS GERAIS
   ========================================================= */
.editorial-title, .section-title h2 { color: var(--fg); font-family: var(--font-strong); letter-spacing: -.082em; margin: 0; max-width: 1120px; font-size: clamp(2.4rem,7vw,7.2rem); line-height: .9; }
.editorial-title::first-letter { font-family: var(--font-display); font-style: italic; }
.kicker { color: var(--gold); text-transform: uppercase; letter-spacing: .24em; font-size: .72rem; font-weight: 800; }
.text, .section-title small { color: var(--muted); font-size: clamp(1rem,1.35vw,1.15rem); line-height: 1.72; max-width: 660px; }


#presentation, #about, #contact { scroll-margin-top: 20px; }

/* Faixas entre superfícies: sem sobrepor ou alterar as imagens originais. */
.surface-transition { height: clamp(80px, 10vw, 150px); pointer-events: none; }
.transition-to-platinum { background: linear-gradient(180deg, #080a0f 0%, #333438 24%, #777876 65%, var(--platinum) 100%); }
.transition-to-about { background: linear-gradient(180deg, var(--platinum) 0%, #777876 35%, #333438 76%, #080a0f 100%); }
.transition-to-pearl { background: linear-gradient(180deg, #080a0f 0%, #444543 25%, #a5a5a0 65%, var(--pearl) 100%); }
.transition-to-contact { background: linear-gradient(180deg, var(--pearl) 0%, #a5a5a0 35%, #444543 75%, var(--soft-black) 100%); }