/* totty.ai shared design tokens: the single source for the homepage and the freebie pages.
   Values are the live homepage palette (2026-09-25). Brand-repo differences are listed in docs/DESIGN-TOKENS.md. */
:root{color-scheme:dark;--bg:#142420;--panel:#1d3029;--cream:#f2dfba;--muted:#bbc5b7;--orange:#f0a166;--orange-hover:#ffb882;--line:#3b4b40;--ink:#172820;--paper:#f2e5cd;--serif:'DM Serif Display',Georgia,serif;--sans:'Outfit',Arial,sans-serif}

/* Muted pillar accents for Field Edition diagrams. */
:root{--pillar-physical:#8b9e78;--pillar-mental:#819d9b;--pillar-emotional:#ad8991}

/* Shared rhythm for Field Edition and delivery. Existing homepage values stay intact. */
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --section-y: clamp(48px, 6.7vw, 96px);
  --page-gutter: clamp(24px, 4vw, 48px);
  --content-wide: 1180px;
  --content-reading: 800px;
  --motion-fast: 180ms;
  --motion-reveal: 650ms;
  --motion-step: 90ms;
  --motion-ease: cubic-bezier(.2, .7, .2, 1);
}