:root{
/* --- Brand core: lifted from the logo SVGs (fill values #000000 / #222222 / #ffffff / #ff751f) --- */
--black:#000000;
--ink:#222222;
--white:#ffffff;
--orange:#ff751f;

/* Orange ramp, derived from --orange */
--orange-700:#b8480a;
--orange-600:#e05a0a;
--orange-500:#ff751f;
--orange-400:#ff9451;
--orange-200:#ffd0ac;
--orange-100:#fff1e8;

/* Warm neutral ramp — paper-to-ink, matches the printed proposal stock */
--gray-000:#ffffff;
--gray-050:#fafaf9;
--gray-100:#f1f0ee;
--gray-200:#e2e0dc;
--gray-300:#c9c6c0;
--gray-400:#a4a09a;
--gray-500:#77736d;
--gray-600:#54514c;
--gray-700:#3a3835;
--gray-800:#222222;
--gray-900:#000000;

/* Semantic status — muted, utilitarian, never candy */
--green-500:#1f8a4c;
--green-100:#e6f2ea;
--amber-500:#c98a00;
--amber-100:#fbf1da;
--red-500:#c4271b;
--red-100:#f9e7e5;
--blue-500:#1f5fa8;
--blue-100:#e7eef7;

/* --- Semantic aliases: use these in components --- */
--text-strong:var(--black);
--text-body:var(--gray-700);
--text-muted:var(--gray-500);
--text-inverse:var(--white);
--text-accent:var(--orange-600);
--text-on-accent:var(--black);
--text-link:var(--orange-600);
--text-link-hover:var(--black);

--surface-page:var(--gray-050);
--surface-card:var(--white);
--surface-sunken:var(--gray-100);
--surface-inverse:var(--black);
--surface-inverse-2:var(--ink);
--surface-accent:var(--orange-500);
--surface-accent-soft:var(--orange-100);

--border-hairline:var(--gray-200);
--border-default:var(--gray-300);
--border-strong:var(--black);
--border-accent:var(--orange-500);
--focus-ring:var(--orange-500);

--status-success-fg:var(--green-500);
--status-success-bg:var(--green-100);
--status-warning-fg:var(--amber-500);
--status-warning-bg:var(--amber-100);
--status-danger-fg:var(--red-500);
--status-danger-bg:var(--red-100);
--status-info-fg:var(--blue-500);
--status-info-bg:var(--blue-100);
}

/* Inverse scope: black-block sections, the brand's signature surface */
.lala-invert{
--text-strong:var(--white);
--text-body:var(--gray-300);
--text-muted:var(--gray-400);
--text-accent:var(--orange-500);
--surface-page:var(--black);
--surface-card:var(--ink);
--surface-sunken:var(--ink);
--border-hairline:#3a3835;
--border-default:#54514c;
--border-strong:var(--white);
--text-link:var(--orange-500);
--text-link-hover:var(--white);
}