/* ============================================================
   Nadyne — Design Tokens
   Editorial / Kinfolk / Minimalismo Japonês
   ============================================================ */

:root {
  /* Paleta — Modo Claro (padrão) */
  --bg: #F8F6F3;
  --bg-elev: #FBF9F6;
  --bg-warm: #F2EDE6;
  --ink: #2F2B28;
  --ink-soft: #5A524C;
  --ink-muted: #8B807A;
  --line: #E8DDD1;
  --line-soft: #EFE7DC;

  --terracotta: #A86C52;
  --terracotta-soft: #C68D74;
  --sage: #879685;
  --sage-soft: #A6B2A4;
  --sand: #E8DDD1;
  --detail: #C8B7A6;

  /* Tipografia */
  --font-display: 'Fraunces', 'Cormorant Garamond', Georgia, serif;
  --font-body: 'Inter', system-ui, -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;

  /* Escala tipográfica fluida */
  --fs-xs: clamp(0.75rem, 0.72rem + 0.15vw, 0.82rem);
  --fs-sm: clamp(0.875rem, 0.84rem + 0.18vw, 0.95rem);
  --fs-base: clamp(1.0625rem, 1rem + 0.3vw, 1.18rem);
  --fs-md: clamp(1.18rem, 1.1rem + 0.4vw, 1.32rem);
  --fs-lg: clamp(1.5rem, 1.35rem + 0.7vw, 1.85rem);
  --fs-xl: clamp(2rem, 1.7rem + 1.5vw, 2.85rem);
  --fs-2xl: clamp(2.6rem, 2.1rem + 2.5vw, 4.2rem);
  --fs-3xl: clamp(3.2rem, 2.5rem + 3.5vw, 5.8rem);
  --fs-4xl: clamp(4rem, 3rem + 5vw, 7.5rem);

  /* Espaçamento generoso */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2.5rem;
  --space-5: 4rem;
  --space-6: 6rem;
  --space-7: 9rem;
  --space-8: 13rem;

  /* Layout */
  --max-w: 1320px;
  --max-w-text: 640px;
  --max-w-read: 720px;
  --gutter: clamp(1.5rem, 4vw, 4rem);

  /* Transições calmas */
  --ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --t-fast: 280ms;
  --t-base: 520ms;
  --t-slow: 920ms;

  /* Sombras quase imperceptíveis */
  --shadow-soft: 0 1px 2px rgba(47, 43, 40, 0.03), 0 8px 24px rgba(47, 43, 40, 0.04);
  --shadow-lift: 0 2px 4px rgba(47, 43, 40, 0.04), 0 24px 48px rgba(47, 43, 40, 0.08);

  --radius-sm: 4px;
  --radius-md: 10px;
  --radius-lg: 18px;
}

/* Dark mode — quente, nunca preto puro */
:root[data-theme="dark"] {
  --bg: #1C1916;
  --bg-elev: #221F1B;
  --bg-warm: #28241F;
  --ink: #EDE6DC;
  --ink-soft: #B8AEA1;
  --ink-muted: #847A6F;
  --line: #3A3530;
  --line-soft: #2E2A26;

  --terracotta: #C88670;
  --terracotta-soft: #D9A18B;
  --sage: #9DAA9A;
  --sand: #3A3530;
  --detail: #5A4F45;
}

/* Suaviza a transição quando alterna o tema — apenas em superfícies e texto */
body,
.site-header,
.menu-overlay,
.philosophy,
.book__cover,
.btn,
.editorial-img,
hr,
input,
textarea {
  transition: background-color var(--t-base) var(--ease-out),
              color var(--t-base) var(--ease-out),
              border-color var(--t-base) var(--ease-out);
}