/* ---------------------------------------------------------------------------
   Insight Clinic Guides - tokens

   EXTRACTED, not invented. Every value is carried from the approved
   insight-playground package (icni-homepage/package-src/tokens.css), where each
   pairing was computed rather than eyeballed:

     --icg-p-x     VIVID. Decoration only: shapes, dots, the bag, bubbles.
     --icg-on-x    text sitting directly ON its vivid. 4.5:1 or better.
     --icg-soft-x  a pale tint that carries body copy (ink 5.4 to 6.1).
     --icg-deep-x  the hue at strength. Headings, borders, icons.

   Renamed to --icg-* so this package and insight-playground can load on the
   same page without one :root silently overwriting the other. The brand rose is
   never darkened to win contrast: it is lightened and ink carries the text.
   The site ink-soft #7c7c74 fails AA for body text (4.21:1), so the guides use
   the compliant #6f6f67 (5.07:1 on white) everywhere, not only for adults.

   Note for future editors: never put angle brackets in a comment in this file.
   PHP finfo then mis-detects the stylesheet as text/html and the importer
   SILENTLY skips it, so the page ships unstyled.
--------------------------------------------------------------------------- */
:root {
  --icg-rose: #e79d9d;
  --icg-rose-deep: #985252;
  --icg-ink: #5a5a54;
  --icg-ink-soft: #6f6f67;
  --icg-page: #fcfcfc;
  --icg-paper: #ffffff;
  --icg-warm: #faf6f4;
  --icg-band: #f3cece;
  --icg-line: rgba(0, 0, 0, 0.09);

  --icg-p-rose: #f08a8a;
  --icg-p-clay: #f0a165;
  --icg-p-butter: #f5c44f;
  --icg-p-sage: #5cbb9b;
  --icg-p-sky: #5fa9e8;
  --icg-p-lilac: #a488dd;

  --icg-on-rose: #563232;
  --icg-on-clay: #5e3f27;
  --icg-on-butter: #675221;
  --icg-on-sage: #224539;
  --icg-on-sky: #213b51;
  --icg-on-lilac: #332a45;

  --icg-soft-rose: #fbe1e1;
  --icg-soft-clay: #fbe7d7;
  --icg-soft-butter: #fcf0d1;
  --icg-soft-sage: #d5ede5;
  --icg-soft-sky: #d5e9f9;
  --icg-soft-lilac: #e7e0f6;

  --icg-deep-rose: #955656;
  --icg-deep-clay: #8b5d3b;
  --icg-deep-butter: #846a2b;
  --icg-deep-sage: #37705d;
  --icg-deep-sky: #3b6990;
  --icg-deep-lilac: #6c5a92;

  --icg-font: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
    Helvetica, Arial, sans-serif;
  --icg-h1: clamp(2.1rem, 1.2rem + 3.2vw, 3.4rem);
  --icg-h2: clamp(1.6rem, 1.1rem + 1.8vw, 2.35rem);
  --icg-h3: clamp(1.2rem, 1.05rem + 0.6vw, 1.5rem);
  --icg-body: 1.0625rem;
  --icg-small: 0.9375rem;
  --icg-lead: 1.1875rem;

  --icg-wrap: 1180px;
  --icg-wrap-narrow: 760px;
  --icg-gutter: clamp(1.25rem, 4vw, 2.5rem);
  --icg-r-sm: 8px;
  --icg-r-md: 14px;
  --icg-r-lg: 24px;
  --icg-pill: 999px;

  --icg-shadow-1: 0 1px 2px rgba(90, 90, 84, 0.06), 0 6px 18px rgba(90, 90, 84, 0.07);
  --icg-shadow-2: 0 2px 4px rgba(90, 90, 84, 0.07), 0 14px 40px rgba(90, 90, 84, 0.11);

  --icg-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --icg-spring: cubic-bezier(0.34, 1.42, 0.64, 1);
  --icg-balloon: cubic-bezier(0.2, 1.7, 0.35, 1);
  --icg-dur: 320ms;
  --icg-press: 140ms;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --icg-dur: 1ms;
    --icg-press: 1ms;
    --icg-spring: linear;
    --icg-balloon: linear;
  }
}

/* ---------------------------------------------------------------------------
   ADULT REGISTER - chosen with "An adult" at the top of a guide.
   LIGHT, like the rest of the brand: a dark clinical variant was built for the
   playground and rejected as not the brand (Decision, 2026-09-22). The adult
   view earns its seriousness from restraint: hues desaturate, corners firm up,
   springs go, type gets a little bigger. Values are the playground's own.
--------------------------------------------------------------------------- */
html[data-icg-audience='adults'] {
  --icg-p-rose: #d9b3b3;
  --icg-p-clay: #d6bfa9;
  --icg-p-butter: #dbcfa6;
  --icg-p-sage: #aecfc3;
  --icg-p-sky: #b6c9da;
  --icg-p-lilac: #c6bcd6;

  --icg-soft-rose: #f4ecec;
  --icg-soft-clay: #f4efe9;
  --icg-soft-butter: #f5f1e8;
  --icg-soft-sage: #e9f0ed;
  --icg-soft-sky: #eaeef3;
  --icg-soft-lilac: #efedf3;

  --icg-deep-rose: #7d4f4f;
  --icg-deep-clay: #6f553c;
  --icg-deep-butter: #6a5a33;
  --icg-deep-sage: #35594d;
  --icg-deep-sky: #3c5570;
  --icg-deep-lilac: #554a68;

  --icg-body: 1.125rem;
  --icg-small: 1rem;
  --icg-r-sm: 6px;
  --icg-r-md: 10px;
  --icg-r-lg: 14px;
  --icg-spring: var(--icg-ease);
  --icg-balloon: var(--icg-ease);
}