:root{
/* Green scale — primitives, derived from the brand mark & business card */
--green-950:#0e2218;
--green-900:#16301f;
--green-800:#1e3d28;
--green-700:#26492f;
--green-600:#2a5a38;
--green-500:#3a6a48;
--green-400:#5c8468;
--green-300:#8aa88f;
--green-200:#b6c9b4;
--green-100:#dbe6d6;
--green-50:#eef3ec;

/* Sage — secondary neutral, from the icon fill */
--sage-500:#c7cec0;
--sage-300:#dde1d8;
--sage-100:#eef0eb;

/* Ink & paper */
--ink:#0f171b;
--paper:#ffffff;
--paper-alt:#e8ede8;

/* Muted tagline green */
--moss:#7a8575;

/* Semantic */
--color-bg:var(--paper);
--color-bg-alt:var(--paper-alt);
--color-surface:var(--paper);
--color-surface-dark:var(--green-950);
--color-text-primary:var(--ink);
--color-text-secondary:var(--green-800);
--color-text-muted:var(--moss);
--color-text-inverse:var(--paper-alt);
--color-border:color-mix(in srgb, var(--green-900) 22%, transparent);
--color-border-strong:var(--green-900);
--color-accent:var(--green-600);
--color-accent-strong:var(--green-950);
--color-accent-soft:var(--sage-500);
--color-focus-ring:var(--green-500);

--color-state-hover:color-mix(in srgb, var(--green-600) 88%, black);
--color-state-press:color-mix(in srgb, var(--green-600) 78%, black);
--color-state-disabled-bg:var(--sage-100);
--color-state-disabled-text:color-mix(in srgb, var(--ink) 40%, transparent);
}