/* ============================================================
   Churney — Color tokens
   From the Churney Design Guide v1.0 (Aug 2022).
   Primary palette is the brand surface; the secondary palette
   is reserved for "the customers" in illustrations.
   ============================================================ */

:root {
  /* ---- Primary palette (brand) ---- */
  --off-white: #f0f0e6;   /* RGB 240 240 230 */
  --churney-green: #9bfa91;/* RGB 155 250 145 */
  --black: #000000;

  /* ---- Secondary palette (illustration / "customers") ---- */
  --blush-red: #af5a55;
  --aubergine: #321e28;
  --khaki: #d7bea0;
  --ochre-yellow: #dc9632;
  --bronze-yellow: #a06e1e;
  --deep-green: #282d19;
  --peach: #dca073;
  --charcoal-grey: #554b46;
  --sky-blue: #afbecd;
  --night-blue: #2d505a;
  --forrest-green: #374b32;

  /* ---- Neutral ramp (derived from off-white ↔ black, warm-tinted) ---- */
  --neutral-0: #ffffff;
  --neutral-50: #f7f7f0;
  --neutral-100: #f0f0e6;   /* = off white */
  --neutral-200: #e2e2d6;
  --neutral-300: #cbcbbe;
  --neutral-400: #a3a399;
  --neutral-500: #76766d;
  --neutral-600: #555049;   /* warm, near charcoal grey */
  --neutral-700: #36332e;
  --neutral-800: #1e1c19;
  --neutral-900: #0c0b0a;

  /* Green tints/shades for interactive surfaces */
  --green-soft: #d8fdd3;
  --green-pressed: #74e069;
  --green-ink: #143a10;   /* legible text on green */

  /* ---- Semantic aliases ---- */
  --bg-base: var(--off-white);
  --bg-raised: var(--neutral-0);
  --bg-sunken: var(--neutral-200);
  --bg-inverse: var(--black);

  --text-primary: var(--black);
  --text-secondary: var(--neutral-600);
  --text-muted: var(--neutral-500);
  --text-inverse: var(--off-white);
  --text-on-accent: var(--black);

  --accent: var(--churney-green);
  --accent-hover: var(--green-pressed);
  --accent-soft: var(--green-soft);
  --accent-ink: var(--green-ink);

  --border-subtle: var(--neutral-200);
  --border-default: var(--neutral-300);
  --border-strong: var(--black);

  /* Status (kept inside the brand palette where possible) */
  --status-positive: var(--forrest-green);
  --status-warning: var(--ochre-yellow);
  --status-danger: var(--blush-red);
  --status-info: var(--night-blue);
}