/* ============================================================
   Prang Out — design tokens
   Single source of truth for every value. Components in
   style.css reference these and never carry raw values.
   ============================================================ */

:root {
  /* --- Colour ------------------------------------------------ */
  --po-paper:        #ffffff;
  --po-ink:          #000000;
  --po-ink-soft:     #6b6b6b;
  --po-rule:         rgba(0, 0, 0, 0.16);
  --po-focus:        #000000;
  --po-grain:        rgba(0, 0, 0, 0.02);

  /* --- Texture ----------------------------------------------- */
  --po-grain-img: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27180%27%20height%3D%27180%27%3E%3Cfilter%20id%3D%27n%27%3E%3CfeTurbulence%20type%3D%27fractalNoise%27%20baseFrequency%3D%270.85%27%20numOctaves%3D%273%27%20stitchTiles%3D%27stitch%27%2F%3E%3CfeColorMatrix%20type%3D%27saturate%27%20values%3D%270%27%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D%27100%25%27%20height%3D%27100%25%27%20filter%3D%27url%28%23n%29%27%20opacity%3D%270.5%27%2F%3E%3C%2Fsvg%3E");

  /* --- Type families ----------------------------------------- */
  --po-font-display: "Bodoni Moda", "Didot", "Bodoni MT", "Times New Roman", serif;
  --po-font-micro:   "Archivo", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --po-font-tagline: "Geared Slab", "Rockwell", "Courier New", var(--po-font-micro);

  /* --- Type scale (fluid) ------------------------------------ */
  --po-size-years:   clamp(2.75rem, 10.5vw, 7rem);
  --po-size-thanks:  clamp(1.0625rem, 2.6vw, 1.5rem);
  --po-size-tagline: clamp(0.9375rem, 2.2vw, 1.22rem);
  --po-size-label:   clamp(0.625rem, 1.3vw, 0.6875rem);
  --po-size-kiss:    clamp(0.6875rem, 1.5vw, 0.8125rem);
  --po-size-micro:   0.625rem;

  /* --- Tracking ---------------------------------------------- */
  --po-track-label:   0.42em;
  --po-track-tagline: 0.09em;
  --po-track-micro:   0.3em;

  /* --- Space ------------------------------------------------- */
  --po-space-2xs: 0.5rem;
  --po-space-xs:  0.75rem;
  --po-space-sm:  1.25rem;
  --po-space-md:  2rem;
  --po-space-lg:  3rem;
  --po-space-xl:  clamp(3rem, 9vh, 5.5rem);
  --po-gutter:    clamp(1.5rem, 6vw, 4rem);

  /* --- Sizing ------------------------------------------------ */
  --po-lockup-w:  clamp(11.25rem, 32vw, 18.75rem);
  --po-rule-w:    3.5rem;
  --po-measure:   34rem;
  --po-notice-w:  48rem;

  /* --- Motion ------------------------------------------------ */
  --po-ease:      cubic-bezier(0.16, 1, 0.3, 1);
  --po-dur-slow:  1100ms;
  --po-dur-rule:  1400ms;
}