/* Hallmark · custom theme · vibe: "granito, tinta, silêncio, letra entalhada"
 * paper oklch(94.6% 0.005 255) · accent oklch(52% 0.155 33) mínio
 * display: EB Garamond 500 · body: IBM Plex Sans 400/500
 * axes: light / classical-serif / warm accent on cool stone
 * CINZEL — a fonte de toda cor, fonte e espaço do site. Nada de valor solto no estilo.css.
 */
:root {
  /* Cor — o nome vem da oficina do entalhador */
  --color-paper:   oklch(94.6% 0.005 255);  /* Pedra: granito claro, levemente frio */
  --color-paper-2: oklch(90.4% 0.005 255);  /* Pedra lavrada: faixa alternada */
  --color-ink:     oklch(18.5% 0.010 260);  /* Tinta: texto e faixa escura */
  --color-ink-2:   oklch(40% 0.010 260);    /* Tinta rala: texto secundário */
  --color-on-ink:  oklch(93.5% 0.005 255);  /* texto sobre a faixa escura */
  --color-on-ink-2: oklch(74% 0.008 255);    /* secundário sobre a faixa escura */
  --color-rule:    oklch(80% 0.006 255);    /* filete */
  --color-rule-ink: oklch(36% 0.010 260);    /* filete sobre a faixa escura */
  --color-minio:   oklch(52% 0.155 33);     /* Mínio: o vermelho que se pintava dentro da letra entalhada. Menos de 5% da tela */
  --color-focus:   oklch(52% 0.155 33);
  --marca-a:       oklch(38% 0.010 260);    /* face da letra que pega luz */
  --marca-b:       oklch(15.5% 0.010 260);  /* face na sombra */
  --marca-a-inv:   oklch(93.5% 0.005 255);
  --marca-b-inv:   oklch(68% 0.008 255);

  /* Fonte */
  --font-display: "EB Garamond", "Iowan Old Style", Georgia, serif;
  --font-body:    "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;

  /* Escala de texto */
  --text-xs:   0.8125rem;
  --text-sm:   0.9375rem;
  --text-md:   1.0625rem;
  --text-lg:   1.3125rem;
  --text-xl:   clamp(1.6rem, 2.4vw, 2.1rem);
  --text-2xl:  clamp(2.2rem, 4.2vw, 3.6rem);
  --text-3xl:  clamp(2.8rem, 6.4vw, 5.6rem);
  --text-display: clamp(3.4rem, 10.2vw, 10.5rem);
  --text-numeral: clamp(4rem, 9vw, 8.5rem);

  /* Espaço — escala de 4 pt */
  --space-2xs: 0.25rem;
  --space-xs:  0.5rem;
  --space-sm:  0.75rem;
  --space-md:  1.25rem;
  --space-lg:  2rem;
  --space-xl:  3.5rem;
  --space-2xl: 6rem;
  --space-3xl: 10rem;
  --page-gutter: clamp(1.25rem, 5vw, 5rem);
  --page-max: 84rem;

  /* Filete, raio, movimento */
  --rule-hair: 1px;
  --rule-thick: 3px;
  --radius-0: 0;
  --radius-sm: 2px;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in: cubic-bezier(0.55, 0, 1, 0.45);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 160ms;
  --dur-med: 320ms;
  --dur-slow: 640ms;
}