:root{
/* --- Base palette (brand book §08) --- */
--navy-principal:#041528;
--navy-profundo:#071E33;
--verde-lime:#8CC63F;
--verde-luz:#A4D65E;
--off-white:#F5F7F8;

/* --- Extended navy ramp (derived, for depth + gradients) --- */
--navy-1000:#01080F;
--navy-900:#041528;
--navy-800:#071E33;
--navy-700:#0B2942;
--navy-600:#123650;
--navy-500:#1E4763;

/* --- Extended lime ramp (derived) --- */
--lime-700:#5E8F22;
--lime-600:#74AC2E;
--lime-500:#8CC63F;
--lime-400:#A4D65E;
--lime-300:#C2E68F;

/* --- Neutral ramp on navy --- */
--white:#FFFFFF;
--neutral-100:#F5F7F8;
--neutral-200:#DDE3E8;
--neutral-300:#B4C0CA;
--neutral-400:#8996A3;
--neutral-500:#5D6D7B;

/* --- Semantic surfaces --- */
--surface-base:var(--navy-900);
--surface-raised:var(--navy-800);
--surface-card:rgba(255,255,255,0.035);
--surface-card-strong:rgba(255,255,255,0.06);
--surface-inset:rgba(1,8,15,0.45);
--surface-light:var(--neutral-100);
--surface-overlay:rgba(1,8,15,0.72);

/* --- Semantic text --- */
--text-title:var(--off-white);
--text-body:var(--neutral-300);
--text-muted:var(--neutral-400);
--text-micro:var(--neutral-500);
--text-accent:var(--verde-luz);
--text-on-lime:var(--navy-900);
--text-on-light:var(--navy-900);
--text-body-on-light:var(--navy-700);

/* --- Semantic accent / action --- */
--accent:var(--verde-lime);
--accent-hover:var(--verde-luz);
--accent-press:var(--lime-600);
--accent-soft:rgba(140,198,63,0.14);
--accent-soft-hover:rgba(140,198,63,0.22);

/* --- Lines --- */
--line-hairline:rgba(245,247,248,0.10);
--line-strong:rgba(245,247,248,0.20);
--line-accent:rgba(140,198,63,0.45);
--line-on-light:rgba(4,21,40,0.12);

/* --- Focus / status --- */
--focus-ring:rgba(164,214,94,0.55);
--status-neutral:var(--neutral-400);
--status-positive:var(--verde-lime);
--status-warning:#E0B341;
--status-risk:#D9683F;

/* --- Backgrounds (brand book §11: dark, deep, controlled light) --- */
--bg-deep:radial-gradient(120% 90% at 20% 0%,#0B2942 0%,#041528 45%,#01080F 100%);
--bg-flat:var(--navy-900);
--bg-glow-lime:radial-gradient(60% 60% at 80% 30%,rgba(140,198,63,0.16) 0%,rgba(140,198,63,0) 70%);
--bg-grid:linear-gradient(rgba(245,247,248,0.045) 1px,transparent 1px),linear-gradient(90deg,rgba(245,247,248,0.045) 1px,transparent 1px);
--bg-protect-bottom:linear-gradient(180deg,rgba(1,8,15,0) 0%,rgba(1,8,15,0.85) 70%,rgba(1,8,15,0.95) 100%);
}