:root{
/* ---- brand core (from the logo suite; #F2552D is fixed and must not drift) ---- */
--brand-orange:#F2552D;
--brand-orange-hover:#D9441C;
--brand-orange-press:#BF3A15;
--brand-orange-soft:#FFE3DA;
--brand-orange-12:rgba(242,85,45,.12);
--brand-orange-24:rgba(242,85,45,.24);
--brand-petroleum:#002B35;
--brand-petroleum-deep:#001C23;
--brand-petroleum-raised:#0A3A45;
--brand-petroleum-line:#164A56;
--brand-ink:#111111;
--brand-ink-raised:#1C1C1C;
--brand-white:#FFFFFF;

/* ---- neutrals: desaturated ramp pulled toward the petroleum hue ---- */
--neutral-0:#FFFFFF;
--neutral-25:#FAFBFB;
--neutral-50:#F3F6F6;
--neutral-100:#E7EBEB;
--neutral-200:#CFD7D8;
--neutral-300:#AEBABC;
--neutral-400:#8A9799;
--neutral-500:#66767A;
--neutral-600:#4A5C60;
--neutral-700:#31474C;
--neutral-800:#1B383F;
--neutral-900:#002B35;
--neutral-950:#001C23;

/* ---- functional status (UI only, never brand expression) ---- */
--status-success:#2E9E7A;
--status-success-soft:#E3F4EE;
--status-warning:#E8A33D;
--status-warning-soft:#FCF1DF;
--status-danger:#C4351C;
--status-danger-soft:#FBE5E0;
--status-info:#2F6E7E;
--status-info-soft:#E4F0F2;

/* ---- semantic aliases: light context (default) ---- */
--surface-page:var(--neutral-0);
--surface-subtle:var(--neutral-50);
--surface-card:var(--neutral-0);
--surface-raised:var(--neutral-0);
--surface-inverse:var(--brand-petroleum);
--surface-accent:var(--brand-orange);
--surface-accent-soft:var(--brand-orange-12);
--border-subtle:var(--neutral-200);
--border-strong:var(--neutral-900);
--border-accent:var(--brand-orange);
--text-heading:var(--brand-petroleum);
--text-body:var(--neutral-700);
--text-muted:var(--neutral-500);
--text-accent:var(--brand-orange);
--text-inverse:var(--neutral-0);
--text-on-accent:var(--neutral-0);
--focus-ring:var(--brand-orange);
--overlay-scrim:rgba(0,28,35,.72);
}

/* ---- semantic aliases: dark context (petroleum) ---- */
[data-theme="dark"],.pg-dark{
--surface-page:var(--brand-petroleum);
--surface-subtle:var(--brand-petroleum-deep);
--surface-card:var(--brand-petroleum-raised);
--surface-raised:var(--brand-petroleum-raised);
--surface-inverse:var(--neutral-0);
--border-subtle:var(--brand-petroleum-line);
--border-strong:var(--brand-orange);
--text-heading:var(--neutral-0);
--text-body:#B9C7C9;
--text-muted:#7F9296;
--text-inverse:var(--brand-petroleum);
--overlay-scrim:rgba(0,28,35,.86);
}

/* ---- semantic aliases: ink context (near-black) ---- */
[data-theme="ink"],.pg-ink{
--surface-page:var(--brand-ink);
--surface-subtle:#0A0A0A;
--surface-card:var(--brand-ink-raised);
--surface-raised:var(--brand-ink-raised);
--surface-inverse:var(--neutral-0);
--border-subtle:#2A2A2A;
--border-strong:var(--brand-orange);
--text-heading:var(--neutral-0);
--text-body:#C4C4C4;
--text-muted:#8A8A8A;
--text-inverse:var(--brand-ink);
}