/* TuPlan colors — every hue derives from the logo: navy #021245 + green #00AE54 */
:root{
/* Navy — brand ink; lighter steps double as cool neutrals */
--navy-950:#010A2B;--navy-900:#021245;--navy-800:#122259;--navy-700:#26366C;--navy-600:#465482;--navy-500:#6A7599;--navy-400:#9198B4;--navy-300:#BBC0D2;--navy-200:#DCDFE8;--navy-150:#E7E9F0;--navy-100:#EFF1F5;--navy-50:#F7F8FA;
/* Green — the logo dot */
--green-900:#00391C;--green-800:#005A2D;--green-700:#007A3D;--green-600:#00964A;--green-500:#00AE54;--green-400:#33C277;--green-300:#7FD9A7;--green-200:#BDEDD1;--green-100:#DEF6E8;--green-50:#F0FAF4;
/* Paper */
--white:#FFFFFF;--paper:#FBFBF9;
/* Semantic hues (kept quiet, used sparingly) */
--amber-700:#8A5300;--amber-100:#FCEFD9;--red-700:#B4232F;--red-100:#FBE4E5;

/* Aliases — text */
--text-strong:var(--navy-900);--text-body:var(--navy-700);--text-muted:var(--navy-500);--text-faint:var(--navy-400);--text-inverse:var(--white);--text-accent:var(--green-700);--text-on-accent:var(--navy-900);
/* Surfaces */
--surface-page:var(--white);--surface-subtle:var(--navy-50);--surface-mint:var(--green-50);--surface-card:var(--white);--surface-inverse:var(--navy-900);--surface-accent:var(--green-500);
/* Borders */
--border-subtle:var(--navy-150);--border-default:var(--navy-200);--border-strong:var(--navy-300);--border-accent:var(--green-500);--focus-ring:var(--green-400);
/* Actions */
--action-primary:var(--green-500);--action-primary-hover:var(--green-400);--action-primary-press:var(--green-600);
--action-secondary:var(--navy-900);--action-secondary-hover:var(--navy-800);--action-secondary-press:var(--navy-950);
/* Status */
--success-fg:var(--green-700);--success-bg:var(--green-100);--warning-fg:var(--amber-700);--warning-bg:var(--amber-100);--danger-fg:var(--red-700);--danger-bg:var(--red-100);--info-fg:var(--navy-700);--info-bg:var(--navy-100);
}