/**
 * THE TOKEN LAYER — the only file a re-skin should have to touch.
 *
 * This page is a *Sparrow Community* surface, and Sparrow Community does not
 * have its own brand yet. Until it does, the page borrows the derived set that
 * the Grow Together digital surfaces use, which is itself borrowed from Sparrow
 * Cowork's master palette. That is a knowingly temporary arrangement, which is
 * exactly why the theme lives in custom properties over shared structure: when
 * Sparrow Community gets its own identity, it is applied by swapping the values
 * below, with no change to markup and none at all to the relay.
 *
 * ⚠️ TWO OF THESE VALUES ARE DERIVATIONS, NOT PALETTE MEMBERS, AND CONTRAST IS
 * THE REASON (measured WCAG). On Eggshell, Sprout #A0BE6B reads at 1.91:1 and
 * Sunlight Flight at 1.49:1 — both unusable as text, where body copy needs
 * 4.5:1. Sprout darkened along its own hue to #4C6421 gives 6.09:1 as link text
 * and 6.66:1 under white on a button, so one colour serves both; Sunlight
 * Flight is therefore restricted to non-text accents. A re-skin that swaps
 * these for raw palette members would reintroduce the accessibility fail that
 * measurement caught and retired — re-measure before changing them.
 */

:root {
  /* Surface */
  --sp-bg: #f8f4f1;             /* Eggshell — whole body */
  --sp-surface: #ffffff;
  --sp-surface-sunk: #f2efe8;
  --sp-border: #e3e0d8;

  /* Ink */
  --sp-ink: #57514c;            /* Dark Feather — headings + body */
  --sp-ink-muted: #756d66;      /* Light Feather — secondary + footer */

  /* Action */
  --sp-accent: #4c6421;         /* Deep Sprout — links + primary button fill */
  --sp-accent-ink: #ffffff;
  --sp-accent-soft: #eef2e4;

  /* Non-text accent ONLY — never used for type. See the note above. */
  --sp-rule: #f3c605;           /* Sunlight Flight */

  /* State */
  --sp-warn: #8a5a1c;
  --sp-warn-soft: #fbf1e2;

  /* Form */
  --sp-radius: 0.875rem;
  --sp-radius-sm: 0.5rem;
  --sp-gap: 1rem;
  --sp-measure: 42rem;          /* readable line length, and the page's spine */
  --sp-font: ui-sans-serif, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --sp-shadow: 0 1px 2px rgba(87, 81, 76, 0.06), 0 8px 24px rgba(87, 81, 76, 0.06);
}