:root{
/* --- Brand core (Brand Identity.pdf) --- */
--rl-navy:#0E1A2F;
--rl-blue-mid:#2A3646;
--rl-blue-light:#E9ECF0;
--rl-red:#B60B29;
--rl-red-mid:#DB8594;
--rl-red-light:#F6E9E9;

/* --- Derived navy ramp (interaction states, surfaces) --- */
--rl-navy-900:#070E1A;
--rl-navy-800:#0E1A2F;
--rl-navy-700:#16243D;
--rl-navy-600:#1F2E49;
--rl-navy-500:#2A3646;
--rl-navy-400:#4A5768;
--rl-navy-300:#7C8695;
--rl-navy-200:#B4BBC5;
--rl-navy-100:#E9ECF0;
--rl-navy-50:#F5F7F9;

/* --- Derived red ramp --- */
--rl-red-900:#7A0619;
--rl-red-800:#93081F;
--rl-red-700:#B60B29;
--rl-red-600:#C8324A;
--rl-red-500:#DB8594;
--rl-red-200:#EEC6CE;
--rl-red-100:#F6E9E9;

/* --- Neutrals --- */
--rl-white:#FFFFFF;
--rl-off-white:#FAFBFC;
--rl-grey-line:#D7DCE3;

/* --- Semantic aliases --- */
--text-heading:var(--rl-navy);
--text-body:var(--rl-blue-mid);
--text-muted:var(--rl-navy-400);
--text-inverse:var(--rl-white);
--text-inverse-muted:#B4BBC5;
--text-accent:var(--rl-red);
--text-link:var(--rl-red);
--text-link-hover:var(--rl-red-900);

--surface-page:var(--rl-white);
--surface-subtle:var(--rl-navy-50);
--surface-card:var(--rl-white);
--surface-tint:var(--rl-blue-light);
--surface-inverse:var(--rl-navy);
--surface-inverse-alt:var(--rl-navy-600);
--surface-accent:var(--rl-red);
--surface-accent-soft:var(--rl-red-100);

--border-default:var(--rl-grey-line);
--border-subtle:var(--rl-navy-100);
--border-strong:var(--rl-navy-500);
--border-inverse:rgba(255,255,255,.18);
--border-accent:var(--rl-red);

--action-primary-bg:var(--rl-red);
--action-primary-bg-hover:var(--rl-red-900);
--action-primary-fg:var(--rl-white);
--action-secondary-bg:var(--rl-navy);
--action-secondary-bg-hover:var(--rl-navy-600);
--action-secondary-fg:var(--rl-white);
--action-ghost-fg:var(--rl-navy);
--action-ghost-border:var(--rl-navy-200);
--action-disabled-bg:var(--rl-navy-100);
--action-disabled-fg:var(--rl-navy-300);

--focus-ring:var(--rl-red-600);

/* --- Status --- */
--status-success:#1E7A46;
--status-success-soft:#E4F2EA;
--status-warning:#B4720A;
--status-warning-soft:#FBF0DD;
--status-danger:var(--rl-red);
--status-danger-soft:var(--rl-red-100);
--status-info:var(--rl-blue-mid);
--status-info-soft:var(--rl-blue-light);

/* --- Brand signature sweep (from the AREL slide backgrounds) --- */
--sweep-red:#D2122E;
--sweep-blue:#2B3A8F;
--sweep-white:#FFFFFF;
}