/* Pizote Press theme: the ONLY place colours, fonts, sizes, spacing and shadows are set.
   Palette follows the logo: black, charcoal, white and pizote purple (#9028D0). */
:root {
  /* Colour */
  --c-black: #0e0e10;
  --c-charcoal: #1c1c20;
  --c-charcoal-2: #2a2a30;
  --c-grey: #5d5d66;
  --c-grey-soft: #9a9aa3;
  --c-line: #e4e3e8;
  --c-line-dark: #34343b;
  --c-paper: #ffffff;
  --c-paper-2: #f6f5f8;
  --c-purple: #9028d0;
  --c-purple-deep: #6a1aa0;
  --c-purple-light: #c79bef;
  --c-purple-tint: #f3eafb;
  --c-on-dark: #ffffff;
  --c-on-dark-soft: #b9b9c2;

  /* Type */
  --f-display: "Playfair Display", Georgia, "Times New Roman", serif;
  --f-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --t-2xs: 0.75rem;
  --t-xs: 0.8125rem;
  --t-sm: 0.9375rem;
  --t-md: 1.0625rem;
  --t-lg: 1.25rem;
  --t-xl: clamp(1.75rem, 1.3rem + 1.8vw, 2.6rem);
  --t-2xl: clamp(2.1rem, 1.5rem + 2.6vw, 3.4rem);
  --t-hero: clamp(2.7rem, 1.5rem + 5.4vw, 5.6rem);
  --t-stat: clamp(2.2rem, 1.6rem + 2.4vw, 3.4rem);
  --t-dropcap: 4.6em;
  --lh-tight: 1.04;
  --lh-head: 1.15;
  --lh-body: 1.7;
  --tracking-caps: 0.18em;
  --tracking-head: -0.015em;

  /* Space and shape */
  --s-1: 0.5rem;
  --s-2: 1rem;
  --s-3: 1.5rem;
  --s-4: 2.5rem;
  --s-5: 4rem;
  --s-6: clamp(4.5rem, 3rem + 6vw, 8.5rem);
  --gutter: 16px;
  --max-w: 1200px;
  --text-w: 38rem;
  --rule: 1px;
  --rule-accent: 3px;
  --radius: 4px;
  --logo-h: 52px;
  --header-h: 90px;          /* sticky top bar height, keeps menu jumps clear of it */
  --logo-h-foot: 64px;
  --mascot-w: min(100%, 360px);
  --avatar: 120px;
  --avatar-lead: 180px;      /* 50% larger than --avatar */
  --avatar-border: 4px;
  --avatar-cell: 140px;
  --shadow: 0 1px 2px rgba(14, 14, 16, 0.05), 0 18px 40px -20px rgba(14, 14, 16, 0.25);
}