/* Greenhaus Krause — Color tokens
   Pulled from the brand .fig: leaf green, warm taupe, paper cream, ink black.
   The system is warm and organic: cream paper grounds everything, green is the
   single accent of life, taupe is the elegant supporting voice. */

:root {
  /* ── Brand palette (raw) ───────────────────────────────── */
  --gh-green: #469935;          /* rgb(70,153,53)  — leaf / primary action */
  --gh-green-deep: #357227;     /* pressed / hover-dark */
  --gh-green-soft: #6fb85f;     /* hover-light / disabled-ish */
  --gh-green-wash: #e7f0e2;     /* tinted surface, badges */

  --gh-taupe: #af9375;          /* rgb(175,147,117) — elegant secondary */
  --gh-taupe-deep: #8c7459;     /* taupe text on light */
  --gh-taupe-soft: #dcc6aa;     /* rgb(220,198,170) — warm divider/fill */
  --gh-taupe-wash: #efe6d8;     /* warm surface */

  --gh-paper: #efede0;          /* rgb(239,237,224) — primary background */
  --gh-paper-deep: #e6e3d2;     /* recessed paper */
  --gh-cream: #f7f5ec;          /* raised card on paper */
  --gh-white: #ffffff;

  --gh-ink: #1c1b18;            /* near-black warm ink (body text) */
  --gh-ink-soft: #56544d;       /* secondary text */
  --gh-ink-faint: #8a877d;      /* tertiary / placeholder */
  --gh-line: #d8d4c4;           /* hairline borders on paper */
  --gh-line-soft: #e8e4d6;

  /* semantic status */
  --gh-success: #469935;
  --gh-warn: #c98a2b;
  --gh-danger: #b3472f;
  --gh-danger-wash: #f3e4df;

  /* ── Semantic aliases ──────────────────────────────────── */
  --color-bg: var(--gh-paper);
  --color-bg-recessed: var(--gh-paper-deep);
  --surface-card: var(--gh-cream);
  --surface-raised: var(--gh-white);
  --surface-tint: var(--gh-green-wash);
  --surface-warm: var(--gh-taupe-wash);

  --text-strong: var(--gh-ink);
  --text-body: var(--gh-ink);
  --text-muted: var(--gh-ink-soft);
  --text-faint: var(--gh-ink-faint);
  --text-accent: var(--gh-green);
  --text-elegant: var(--gh-taupe-deep);
  --text-on-accent: var(--gh-white);

  --border-default: var(--gh-line);
  --border-soft: var(--gh-line-soft);
  --border-strong: var(--gh-taupe-soft);

  --accent: var(--gh-green);
  --accent-hover: var(--gh-green-deep);
  --accent-soft: var(--gh-green-soft);
  --accent-wash: var(--gh-green-wash);

  --focus-ring: color-mix(in srgb, var(--gh-green) 45%, transparent);
}