/* Design tokens — dark editorial premium */
:root {
  /* Cores */
  --color-bg:        #0C0C0C;
  --color-bg-alt:    #181818;
  --color-ink:       #F0EDE7;
  --color-ink-soft:  #888888;
  --color-accent:    #C8B89A;  /* dourado-quente — 10.9:1 on dark, WCAG AAA */
  --color-accent-dk: #B5A587;  /* hover/pressed state */
  --color-white:     #FFFFFF;

  /* Tipografia */
  --font-display: "Fraunces", Georgia, serif;
  --font-body:    "Inter", system-ui, -apple-system, sans-serif;

  /* Tamanhos (clamp para fluidez) */
  --fs-h1:    clamp(2.75rem, 6vw + 1rem, 6rem);   /* 44 → 96 */
  --fs-h2:    clamp(2rem, 3vw + 1rem, 3rem);      /* 32 → 48 */
  --fs-h3:    clamp(1.375rem, 1vw + 1rem, 1.75rem);
  --fs-body:  1.125rem;   /* 18px */
  --fs-small: 0.9375rem;  /* 15px */

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

  /* Layout */
  --container:    72rem;     /* 1152px */
  --container-sm: 44rem;     /* 704px — leitura confortável */
  --radius:       2px;
  --radius-lg:    4px;

  /* Motion */
  --ease:       cubic-bezier(0.22, 0.61, 0.36, 1);
  --duration:   320ms;

  /* Sombras */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
  --shadow:    0 12px 40px -8px rgba(0, 0, 0, 0.7);
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0ms !important;
    transition-duration: 0ms !important;
  }
}