/* Sofia Queiroz · tokens do site
 * Regra de cor 60/30/10: preto 60 · off-white 30 · roxo 10
 * Para trocar o roxo do site inteiro, altere --color-accent e --color-accent-deep.
 */
:root {
  /* 60 · preto levemente tingido de roxo */
  --color-black: oklch(15% 0.012 295);
  --color-black-2: oklch(20% 0.014 295);
  --color-black-3: oklch(27% 0.016 295);

  /* 30 · off-white */
  --color-paper: oklch(95.5% 0.012 95);
  --color-paper-2: oklch(91% 0.014 95);

  /* 10 · roxo */
  --color-accent: oklch(66% 0.2 297);
  --color-accent-deep: oklch(46% 0.22 295);
  --color-accent-ink: oklch(15% 0.012 295);

  /* Texto de apoio e linhas */
  --color-muted-on-dark: oklch(76% 0.012 295);
  --color-muted-on-light: oklch(42% 0.014 295);
  --color-rule-on-dark: oklch(34% 0.014 295);
  --color-rule-on-light: oklch(80% 0.014 95);
  --color-scrim: oklch(15% 0.012 295 / 0.78);
  --color-scrim-clear: oklch(15% 0.012 295 / 0);

  /* Tipografia */
  --font-display: "Archivo", "Arial Black", sans-serif;
  --font-serif: "Instrument Serif", Georgia, serif;
  --font-body: "Archivo", "Helvetica Neue", Arial, sans-serif;

  --text-sm: 0.875rem;
  --text-base: 1.0625rem;
  --text-lg: clamp(1.125rem, 0.4vw + 1rem, 1.375rem);
  --text-xl: clamp(1.5rem, 1.4vw + 1.1rem, 2.5rem);
  --text-2xl: clamp(1.875rem, 3vw + 1rem, 4rem);
  --text-section: clamp(2.125rem, 9.4vw, 10.5rem);

  /* Espaçamento (escala de 4 pt) */
  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 4rem;
  --space-4xl: 6rem;
  --space-5xl: 9rem;
  --gutter: clamp(1rem, 3vw, 3rem);
  --flow: clamp(7rem, 15vw, 15rem);        /* entre um assunto e outro */
  --title-gap: clamp(2.5rem, 5vw, 5rem);   /* entre um título e o conteúdo */

  /* Forma */
  --radius-sm: 0.75rem;
  --radius-md: 1.25rem;
  --radius-lg: clamp(1.5rem, 4vw, 3.5rem);
  --radius-pill: 999px;
  --rule-hair: 1px;

  /* Movimento */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in: cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-short: 160ms;
  --dur-med: 280ms;
  --dur-long: 800ms;
  --dur-tone: 650ms;

  /* Camadas */
  --z-raised: 1;
  --z-over: 2;
  --z-nav: 30;
}