/* Bukas Studio — Aperture tokens
 *
 * Extracted from clients/esturya/proposal.html. The proposal itself inlines
 * these, deliberately: it gets sent over Viber as one file, and an external
 * stylesheet would break that. This is the site's copy. clients/esturya/tokens.css
 * is the proposal's inlined copy; keep the two in step by hand.
 *
 * Accent discipline: --acid is NEVER text on --paper. Both are light and the
 * contrast fails. Acid is a fill, a rule, a mark, or text on --ink.
 */

:root {
  /* colour */
  --paper:       oklch(0.957 0.006 96);
  --paper-2:     oklch(0.928 0.008 96);
  --ink:         oklch(0.175 0.004 120);
  --ink-2:       oklch(0.445 0.008 110);
  --ink-on-dk:   oklch(0.945 0.007 96);
  --ink-on-dk-2: oklch(0.700 0.010 100);
  --acid:        oklch(0.918 0.207 126);
  --rule:        oklch(0.868 0.007 96);
  --rule-dk:     oklch(0.320 0.008 110);

  /* type */
  --font-display: Archivo, ui-sans-serif, system-ui, sans-serif;
  --font-body: "General Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  --text-display:   clamp(2.9rem, 11vw, 7.5rem);
  --text-display-s: clamp(2.2rem, 7vw, 4.25rem);
  --text-2xl:       clamp(1.6rem, 4.2vw, 2.4rem);
  --text-lg:        clamp(1.1rem, 2.4vw, 1.35rem);
  --text-md:        1.0625rem;
  --text-sm:        0.9375rem;
  --text-xs:        0.75rem;

  /* space — 4pt scale */
  --space-xs:  0.5rem;
  --space-sm:  1rem;
  --space-md:  1.5rem;
  --space-lg:  2.5rem;
  --space-xl:  4rem;
  --space-2xl: 6rem;
  --space-3xl: clamp(5rem, 13vw, 10rem);

  /* motion */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur: 620ms;

  --radius: 2px;

  /* site-only */
  --gutter: clamp(1.25rem, 5vw, 4rem);
  --measure: 62ch;
  --max: 84rem;
}