:root{
/* Brand core — verified against the client's original SVG source files
   (SVG/SCP_Logo_*_Green.svg, _Blue.svg), which carry exact fills in their
   <style> blocks. Corrects earlier "matched by eye" approximations. */
--scp-green:#03362C;
--scp-yellow:#F3E600;     /* source files: #f3e503/#f4e403 — close enough to keep as-is */
--scp-mint:#D4E4E2;       /* client's "Blue" swatch */
--scp-cream:#F8F7F2;      /* source file: #f9f8f3 — close enough to keep as-is */

/* Green ramp — re-derived from the corrected --scp-green, preserving each
   step's original lightness offset (HSL) from the old base */
--green-900:#011914;
--green-800:#022720;
--green-700:#03362C;
--green-600:#055243;
--green-500:#06755F;
--green-400:#09A788;

/* Yellow ramp — press/hover states of the primary action */
--yellow-600:#C9C000;
--yellow-500:#E0D400;
--yellow-400:#F3E600;
--yellow-200:#FBF48F;
--yellow-100:#FDFAD1;

/* Mint ramp — re-derived from the corrected --scp-mint, same method as green
   (lightening steps scaled proportionally so none clamp to pure white) */
--mint-400:#B0CDCA;
--mint-300:#D4E4E2;
--mint-200:#E5EFED;
--mint-100:#F2F7F6;

/* Cream ramp — paper */
--cream-100:#FFFFFF;
--cream-200:#F8F7F2;
--cream-300:#EFEDE4;
--cream-400:#DFDCD0;

/* Semantic — surfaces */
--surface-page:var(--cream-200);
--surface-card:var(--cream-100);
--surface-raised:var(--cream-200);
--surface-quiet:var(--mint-100);
--surface-inverse:var(--green-700);
--surface-accent:var(--yellow-400);

/* Semantic — text */
--text-body:var(--green-700);
--text-muted:var(--green-500);
--text-faint:var(--green-400);
--text-on-dark:var(--cream-200);
--text-on-dark-muted:var(--mint-300);
--text-on-accent:var(--green-700);
--text-link:var(--green-700);
--text-link-hover:var(--green-500);

/* Semantic — lines */
--line-hairline:var(--cream-400);
--line-standard:var(--green-700);
--line-quiet:var(--mint-300);
--line-on-dark:var(--mint-400);

/* Semantic — status. The brand ships no status palette; these are the
   minimum needed for forms and are tuned to sit beside the core four. */
--status-success:#2F7D4F;
--status-success-bg:#E4F1E8;
--status-warning:#B8791A;
--status-warning-bg:#FBF0DC;
--status-danger:#9E2B25;
--status-danger-bg:#F7E4E2;
--status-info:var(--green-600);
--status-info-bg:var(--mint-100);

/* Focus */
--focus-ring:var(--yellow-400);
--focus-ring-on-light:var(--green-700);
}