/* JangoAI design tokens. Colours and wordmark are locked; the rest are the site's working defaults. */
:root {
  --jg-acid: #E6FF89;
  --jg-plum: #2B1B2B;
  --jg-lavender: #9775BB;
  --jg-lilac: #C9B4DB;
  --jg-paper: #F7F5EE;
  --jg-plum-soft: #5C4A5C;
  --jg-paper-soft: #CFC0CF;
  --jg-lilac-ink-soft: #4B3552;
  --jg-acid-ink-soft: #4E4A2E;
  --jg-error: #7A1F1F;

  --jg-font-display: "Heebo", system-ui, sans-serif;
  --jg-font-text: "Heebo", system-ui, sans-serif;
  --jg-font-accent: "Karantina", "Heebo", system-ui, sans-serif; /* single words and numerals only */

  --jg-t-hero: clamp(3rem, 6vw - 2px, 5.5rem);
  --jg-t-h2: clamp(2.1rem, 1.3rem + 3.1vw, 4.4rem);
  --jg-t-h3: clamp(1.6rem, 1.1rem + 1.7vw, 2.75rem);
  --jg-t-statement: clamp(1.5rem, 1.2rem + 1.3vw, 2.4rem);
  --jg-t-lede: clamp(1.2rem, 1.1rem + 0.5vw, 1.5rem);
  --jg-t-body: clamp(1rem, 0.96rem + 0.22vw, 1.125rem);
  --jg-t-label: clamp(0.875rem, 0.84rem + 0.18vw, 0.95rem);

  --jg-1: 0.25rem; --jg-2: 0.5rem; --jg-3: 0.75rem; --jg-4: 1rem; --jg-5: 1.5rem; --jg-6: 2rem;
  --jg-7: 3rem; --jg-8: 4rem; --jg-9: 6rem; --jg-10: 8rem; --jg-11: 12rem;
  --jg-section: clamp(4.5rem, 9vw, 11rem);
  --jg-gutter: clamp(1.25rem, 5vw, 5.5rem);
  --jg-maxw: 85rem;
  --jg-measure: 58ch;

  --jg-r-sm: 4px; --jg-r-md: 8px; --jg-r-lg: 14px; --jg-r-pill: 999px;
  --jg-d-fast: 160ms; --jg-d-base: 240ms; --jg-d-slow: 420ms;
  --jg-ease-out: cubic-bezier(0.23, 1, 0.32, 1);
}
/* Plates: each carries its own ink. Restate color wherever the plate changes. */
.jg-plate--paper { background: var(--jg-paper); color: var(--jg-plum); --jg-ink-soft: var(--jg-plum-soft); }
.jg-plate--plum  { background: var(--jg-plum);  color: var(--jg-paper); --jg-ink-soft: var(--jg-paper-soft); }
.jg-plate--lilac { background: var(--jg-lilac); color: var(--jg-plum); --jg-ink-soft: var(--jg-lilac-ink-soft); }
.jg-plate--acid  { background: var(--jg-acid);  color: var(--jg-plum); --jg-ink-soft: var(--jg-acid-ink-soft); }
