/* =====================================================================
   PARKER & PARKER — Sitewide Design Tokens
   Phase 0 staging layer · 2026-06-01
   ---------------------------------------------------------------------
   Tokens only. No global element rules, no page-family layout, no chrome
   replacement, no duplicate breadcrumbs, and no font imports.
   ===================================================================== */

:root {
  /* Color */
  --pp-green: #12301f;
  --pp-green-deep: #0d2417;
  --pp-green-dark: #12301f;
  --pp-cream: #f5f0e8;
  --pp-paper: #fbf8f2;
  --pp-white: #ffffff;
  --pp-walnut: #5d4037;
  --pp-ink: #2a241f;
  --pp-ink-soft: #6b6056;
  --pp-border: #e2d9c5;
  --pp-border-soft: #ece4d2;
  --pp-charcoal: #1c1813;

  /* Type families */
  --pp-serif-display: 'goudy-old-style', 'Sorts Mill Goudy', 'Goudy Old Style', Georgia, 'Times New Roman', serif;
  --pp-serif-body: 'goudy-old-style', 'Sorts Mill Goudy', 'Goudy Old Style', Georgia, 'Times New Roman', serif;
  --pp-nav: 'goudy-old-style', 'Sorts Mill Goudy', 'Goudy Old Style', Georgia, serif;
  --pp-ui: 'Albert Sans', system-ui, sans-serif;

  /* Type scale */
  --pp-text-micro: 11px;
  --pp-text-small: 13px;
  --pp-text-base: 17px;
  --pp-text-lg: 19px;
  --pp-text-h3: 24px;
  --pp-text-h2: 32px;
  --pp-text-h1: 52px;
  --pp-text-display: 64px;
  --pp-lh-tight: 1.06;
  --pp-lh-snug: 1.18;
  --pp-lh-normal: 1.6;
  --pp-lh-loose: 1.78;
  --pp-ls-eyebrow: 0.24em;
  --pp-ls-heading: 0;
  --pp-ls-button: 0.18em;
  --pp-ls-nav: 0.18em;

  /* Spacing */
  --pp-s-1: 4px;
  --pp-s-2: 8px;
  --pp-s-3: 12px;
  --pp-s-4: 16px;
  --pp-s-5: 24px;
  --pp-s-6: 32px;
  --pp-s-7: 48px;
  --pp-s-8: 64px;
  --pp-s-9: 96px;
  --pp-s-10: 128px;

  /* Radius, shadow, glass */
  --pp-radius-sm: 3px;
  --pp-radius: 4px;
  --pp-radius-lg: 6px;
  --pp-shadow-sm: 0 2px 8px rgba(40, 30, 20, 0.08);
  --pp-shadow: 0 14px 40px rgba(40, 30, 20, 0.18);
  --pp-shadow-lg: 0 22px 60px rgba(0, 0, 0, 0.35);
  --pp-glass-light-bg: rgba(255, 255, 255, 0.55);
  --pp-glass-light-border: rgba(93, 64, 55, 0.20);
  --pp-glass-blur: blur(16px) saturate(120%);

  /* Layout */
  --maxw: 1240px;
  --measure: 68ch;
  --gutter: clamp(20px, 5vw, 84px);
  --fs-h1: clamp(40px, 5.4vw, 66px);
  --fs-h2: clamp(28px, 3.4vw, 44px);
  --fs-h3: clamp(20px, 2vw, 26px);

  /* Short aliases used by future scoped page-family sheets */
  --green: var(--pp-green);
  --green-deep: var(--pp-green-deep);
  --cream: var(--pp-cream);
  --paper: var(--pp-paper);
  --white: var(--pp-white);
  --walnut: var(--pp-walnut);
  --ink: var(--pp-ink);
  --ink-soft: var(--pp-ink-soft);
  --border: var(--pp-border);
  --serif: var(--pp-serif-display);
  --sans: var(--pp-nav);
  --cream-90: rgba(245, 240, 232, 0.92);
  --cream-70: rgba(245, 240, 232, 0.72);
  --cream-45: rgba(245, 240, 232, 0.46);
}