/* kit v1.9.0 — generated by sync-kit; edit brands/pww/roles.map.json and re-run build-tokens */
/* Prologue Women's Wellness — palette tier + role tier.
 *
 * Loads AFTER kit/tokens/roles.css, whose role values are neutral placeholders. Equal
 * specificity: source order is the only thing that makes these win. Same for the
 * .section--dark block below against the kit's.
 *
 * Source: brand-system/prologue/prologue brand guide (current).pdf
 * Source: brand-builder/content/brands/pww/design.md
 *
 * 1 documented deviation(s) from brand guidance — see brands/ROLE-TIER.md.
 */

:root {
  /* ---- palette — brand-named, the only literal colour values here ---- */
  --pl-jade: #b1c99b;
  --pl-sage: #91aa81;
  --pl-moss: #6c886d;
  --pl-pine: #475b47;
  --pl-pulp: #f7f5eb;
  --pl-inkwell: #212121;
  --pl-ivory: #f4edd7;
  --pl-dune: #d9caae;
  --pl-taupe: #b7aa98;
  --pl-mist: #c7c7c7;
  --pl-ash: #909090;
  --pl-stone: #585858;
  --pl-amber: #d58d52;
  --pl-nectar: #b76c34;
  --pl-russet: #a65829;
  --pl-sienna: #72362a;
  --pl-rosewood: #c45665;
  --pl-ruby: #a83b50;
  --pl-merlot: #7e2834;
  --pl-mahogany: #54222b;

  /* ---- roles — the shared vocabulary components read ---- */
  --primary: var(--pl-pine);
  /* primary-hover:
     principle 5: 'hover: opacity drops to ~0.7, or tone deepens one step'. Deepening is chosen —
     an opacity drop on a Pine fill lands at 4.0:1 against Pulp. */
  --primary-hover: color-mix(in srgb, var(--pl-pine) 88%, var(--pl-inkwell));
  --secondary: var(--pl-moss);
  --tertiary: var(--pl-sage);
  --accent: var(--pl-amber);
  --accent-strong: var(--pl-nectar);
  --bg: var(--pl-pulp);
  --bg-2: var(--pl-ivory);
  --bg-3: var(--pl-dune);
  --bg-inverse: var(--pl-pine);
  --text-c: var(--pl-inkwell);
  --text-muted: var(--pl-stone);
  --text-inverse: var(--pl-pulp);
  /* border:
     principle 4: 'hairline borders: 1px at rgba(33,33,33,0.12)', composited — roles must be real
     colour values */
  --border: color-mix(in srgb, var(--pl-inkwell) 12%, var(--pl-pulp));
  --border-strong: var(--pl-taupe);
  /* border-inverse:
     hairline on dark surfaces; no value stated */
  --border-inverse: color-mix(in srgb, var(--pl-pulp) 20%, var(--pl-pine));
  --status-positive: var(--pl-pine);
  --status-caution: var(--pl-russet);
  --status-critical: var(--pl-merlot);
  --btn-primary: var(--primary);
  --btn-primary-hover: var(--primary-hover);
  --btn-primary-text: var(--text-inverse);
  --btn-secondary-hover: var(--bg-2);
  --btn-secondary-text: var(--primary);
  --btn-outline-border: var(--primary);
  --btn-outline-text: var(--primary);

  /* ---- type, geometry, motion — stated by the brand; anything absent inherits the kit ---- */
  --font-heading: 'Louize', 'EB Garamond', Georgia, serif;
  --font-body: 'Figtree', Arial, sans-serif;
  --btn-radius: 4px;
  --radius: 4px;
  --radius-l: 8px;
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --dur: 280ms;
  --dur-fast: 160ms;
}

/* Roles whose dark value is not a function of any other role, so kit/tokens/roles.css
 * cannot derive them: a self-referential color-mix() there would be a CSS cycle. */
.section--dark {
  /* text-muted:
     the kit's default dark muted is --text-inverse at 72% over --bg-inverse, which on Pine is
     4.41:1 — just under AA. 82% clears it at 5.15:1. This is the only brand of the five whose
     dark context needs pinning, because it is the only one whose --bg-inverse is not near-black. */
  --text-muted: color-mix(in srgb, var(--pl-pulp) 82%, var(--pl-pine));
  /* status-positive:
     on --bg-inverse the light-context value is below its threshold — .section--dark cannot
     derive this without self-reference (a CSS cycle), so the brand supplies it from its own
     palette. 4.6:1. */
  --status-positive: color-mix(in srgb, var(--pl-pine) 25%, var(--pl-pulp));
  /* status-caution:
     as --status-positive: supplied here rather than derived in .section--dark. 4.5:1. */
  --status-caution: color-mix(in srgb, var(--pl-russet) 30%, var(--pl-pulp));
  /* status-critical:
     as --status-positive: supplied here rather than derived in .section--dark. 4.76:1. */
  --status-critical: color-mix(in srgb, var(--pl-merlot) 20%, var(--pl-pulp));
  /* accent:
     decorative, held to 3:1 as a non-text role; the raw accent is below its threshold on
     --bg-inverse. 3.15:1. */
  --accent: color-mix(in srgb, var(--pl-amber) 85%, var(--pl-pulp));
}