/* ==========================================================================
   PORTO ADENIUM — Design Tokens
   Paleta, tipografia, espaçamento e motion. Fonte única de verdade visual.
   ========================================================================== */

:root {
  /* Cor — paleta provisória */
  --color-limestone: #F1EFE8; /* fundo principal */
  --color-ivory: #FAF9F5;     /* superfícies claras */
  --color-charcoal: #1D1D1A;  /* texto principal */
  --color-graphite: #68665F;  /* texto secundário */
  --color-stone: #C9C4B8;     /* linhas e geometria */
  --color-brass: #9A8257;     /* acento — uso extremamente limitado */

  --color-bg: var(--color-limestone);
  --color-surface: var(--color-ivory);
  --color-text-primary: var(--color-charcoal);
  --color-text-secondary: var(--color-graphite);
  --color-line: var(--color-stone);
  --color-accent: var(--color-brass);

  /* Tipografia — dois papéis */
  --font-serif: "Fraunces", "Iowan Old Style", "Georgia", serif;
  --font-sans: "Inter", "Helvetica Neue", Arial, sans-serif;

  --fs-manifesto: clamp(1.5rem, 2.6vw + 1rem, 2.75rem);
  --fs-title: clamp(1.25rem, 1.4vw + 1rem, 1.875rem);
  --fs-body: 1rem;
  --fs-meta: 0.8125rem;
  --fs-label: 0.6875rem;

  --lh-manifesto: 1.35;
  --lh-body: 1.5;

  --ls-label: 0.12em;

  /* Espaçamento — escala moderada, não estritamente áurea */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 144px;

  /* Composição — referência, não regra rígida */
  --ratio-major: 61.8%;
  --ratio-minor: 38.2%;

  /* Motion */
  --ease-standard: cubic-bezier(0.22, 1, 0.36, 1);
  --duration-fast: 240ms;
  --duration-medium: 600ms;
  --duration-slow: 1000ms;

  /* Camadas */
  --z-geometry: 1;
  --z-content: 2;
  --z-nav: 3;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --duration-fast: 1ms;
    --duration-medium: 1ms;
    --duration-slow: 1ms;
  }
}