/* ==========================================================================
   PROJETO ALICERCE — Design Tokens
   A casa oficial da obra de Roberto Bonaldo.

   Paleta: inspirada no papel dos livros e na paleta ocre das capas.
   Tipografia: Fraunces (voz autoral) + Source Serif 4 (voz de leitura).
   ========================================================================== */

:root {
  /* — Cor — */
  --paper: #F7F3EA;        /* branco quente, página */
  --paper-dim: #EFE9DB;    /* página em sombra, seções alternadas */
  --sand: #E4D9C4;         /* areia — divisores, molduras */
  --graphite: #2B2926;     /* grafite quente, nunca preto puro */
  --ink: #4A463E;          /* texto de corpo secundário */
  --deep-blue: #1F3A52;    /* azul profundo — noite sobre o deserto */
  --deep-blue-soft: #2E4E6B;
  --gold: #A9824F;         /* dourado discreto — a costura, uso decorativo (bordas, ícones) */
  --gold-soft: #C9AD82;    /* dourado sobre fundo escuro — já passa em contraste */
  --gold-deep: #7A5E39;    /* dourado sobre fundo claro — calibrado pra ler como texto pequeno */
  --sunrise: #F7EAD1;      /* o ponto mais claro da plataforma — o convite, depois do deserto */

  /* — Tipografia — */
  --font-display: 'Fraunces', 'Iowan Old Style', Georgia, serif;
  --font-body: 'Source Serif 4', 'Georgia', serif;

  --step--1: clamp(0.83rem, 0.8rem + 0.15vw, 0.9rem);
  --step-0:  clamp(1rem, 0.95rem + 0.25vw, 1.125rem);
  --step-1:  clamp(1.25rem, 1.15rem + 0.5vw, 1.5rem);
  --step-2:  clamp(1.6rem, 1.4rem + 1vw, 2.1rem);
  --step-3:  clamp(2.1rem, 1.8rem + 1.6vw, 3rem);
  --step-4:  clamp(2.8rem, 2.2rem + 3vw, 4.6rem);
  --step-5:  clamp(3.6rem, 2.6rem + 4.5vw, 6.4rem);

  /* — Ritmo / espaço — */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.75rem;
  --space-4: 3rem;
  --space-5: 5rem;
  --space-6: 8rem;
  --space-7: 12rem;

  /* — Movimento — */
  --ease-page: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-slow: 900ms;
  --dur-med: 500ms;
  --dur-fast: 250ms;

  /* — Estrutura — */
  --content-max: 68rem;
  --measure: 34rem; /* medida confortável de leitura */
  --radius: 2px;
}

@media (prefers-color-scheme: dark) {
  /* A plataforma mantém tom de papel por princípio (serenidade, leitura).
     Não invertida para modo escuro puro — apenas leve ajuste de contraste
     pode ser adicionado aqui no futuro, se necessário. */
}

/* — Telas largas (~1440px+): o site é Mobile First por princípio, mas
   numa tela de desktop grande o teto de largura do conteúdo (--content-max)
   para de crescer bem antes da tela, deixando sobra vazia nas laterais
   sem nenhuma intenção. Aqui damos um pouco mais de presença ao que já
   existe — não enchemos a tela, só paramos de encolher relativamente
   a ela. Nenhuma regra de mobile é afetada por este bloco. — */
@media (min-width: 90em) {
  :root {
    --content-max: 78rem;
  }
}