:root{
/* Brand green — the action color. Brand value is green-500 (#40a040). */
--green-50:#f2f9f2;--green-100:#ddefdd;--green-200:#b9dfb8;--green-300:#8ac98a;--green-400:#5fb35f;--green-500:#40a040;--green-600:#34853a;--green-700:#2a6b30;--green-800:#225426;--green-900:#1b421f;
/* Brand blue — the authority color. Brand value is blue-600 (#1b3d85). */
--blue-50:#f2f5fb;--blue-100:#e0e7f5;--blue-200:#bccce8;--blue-300:#90a9d6;--blue-400:#5b7cbf;--blue-500:#2f56a3;--blue-600:#1b3d85;--blue-700:#16326d;--blue-800:#122855;--blue-900:#0d1c3d;
/* Cool neutrals — slightly blue-shifted so they sit with the brand blue. */
--neutral-0:#ffffff;--neutral-50:#f7f8fa;--neutral-100:#eef0f4;--neutral-200:#dfe3ea;--neutral-300:#c5ccd8;--neutral-400:#9aa4b5;--neutral-500:#6f7a8d;--neutral-600:#525c6d;--neutral-700:#3c4453;--neutral-800:#262c37;--neutral-900:#151a22;
/* Semantic status */
--status-success:#2a6b30;--status-success-surface:#f2f9f2;--status-warning:#8a5a00;--status-warning-surface:#fdf6e8;--status-danger:#a52a1e;--status-danger-surface:#fdf2f1;--status-info:#1b3d85;--status-info-surface:#f2f5fb;

/* Semantic aliases — always prefer these in components */
--brand-green:var(--green-500);--brand-blue:var(--blue-600);
--text-heading:var(--blue-900);--text-body:var(--neutral-700);--text-muted:var(--neutral-600);--text-inverse:var(--neutral-0);--text-inverse-muted:#c5cee4;--text-link:var(--blue-600);--text-link-hover:var(--green-600);--text-on-green:var(--neutral-0);
--surface-page:var(--neutral-0);--surface-subtle:var(--neutral-50);--surface-card:var(--neutral-0);--surface-inset:var(--neutral-100);--surface-blue:var(--blue-600);--surface-blue-deep:var(--blue-900);--surface-green:var(--green-500);--surface-tint-green:var(--green-50);--surface-tint-blue:var(--blue-50);
--border-subtle:var(--neutral-200);--border-default:var(--neutral-500);--border-strong:var(--neutral-600);--border-on-dark:rgba(255,255,255,.18);--border-focus:var(--green-600);
--action-primary:var(--green-500);--action-primary-hover:var(--green-600);--action-primary-active:var(--green-700);--action-secondary:var(--blue-600);--action-secondary-hover:var(--blue-700);--action-disabled:var(--neutral-300);

/* Gradients — same-family only (green→green, blue→blue). Used for large flat
   panels and the primary button, never behind body copy. */
--gradient-green:linear-gradient(150deg,#34853a 0%,#225426 100%);/* @kind color */
--gradient-green-soft:linear-gradient(150deg,#f5fbf5 0%,#e4f1e4 100%);/* @kind color */
--gradient-blue:linear-gradient(150deg,#24509f 0%,#122855 100%);/* @kind color */
--gradient-blue-soft:linear-gradient(150deg,#f4f7fc 0%,#e3eaf6 100%);/* @kind color */
--focus-ring:0 0 0 3px var(--neutral-0),0 0 0 5px var(--green-700);/* @kind shadow */
}