:root{
/* ---- BASE: Ria orange ------------------------------------------------
   --ria-orange-500 #FF6100 "Blaze Orange" is the published brand colour
   (site meta-theme-color + Ria's brand profile). The ramp around it is
   DERIVED for interaction states and tints; it is not a published scale. */
--ria-orange-50:#FFF3EC;--ria-orange-100:#FFE2D1;--ria-orange-200:#FFC4A6;--ria-orange-300:#FFA073;--ria-orange-400:#FF8040;--ria-orange-500:#FF6100;--ria-orange-600:#E85400;--ria-orange-700:#C24500;--ria-orange-800:#963500;--ria-orange-900:#5E2100;
/* ---- BASE: neutrals (warm-tinted; published anchors are #FFF and #000) */
--ria-white:#FFFFFF;--ria-black:#000000;
--ria-neutral-25:#FAF9F8;--ria-neutral-50:#F5F3F1;--ria-neutral-100:#EBE8E5;--ria-neutral-200:#DAD5D0;--ria-neutral-300:#BCB5AE;--ria-neutral-400:#948C84;--ria-neutral-500:#6E6660;--ria-neutral-600:#524B46;--ria-neutral-700:#3A342F;--ria-neutral-800:#221E1B;--ria-neutral-900:#000000;
/* ---- BASE: semantic hues (derived — money movement needs status colour) */
--ria-green-500:#067647;--ria-green-50:#E7F6EE;--ria-green-700:#045433;
--ria-amber-500:#8A5200;--ria-amber-50:#FFF6E0;
--ria-red-500:#C2261B;--ria-red-50:#FDECEA;--ria-red-700:#8E1911;
--ria-blue-500:#1B4FC2;--ria-blue-50:#EAF0FD;
/* ---- SEMANTIC: text ------------------------------------------------- */
--text-primary:var(--ria-black);--text-secondary:var(--ria-neutral-600);--text-tertiary:var(--ria-neutral-500);--text-disabled:var(--ria-neutral-400);--text-inverse:var(--ria-white);--text-brand:var(--ria-orange-700);--text-on-brand:var(--ria-white);--text-link:var(--ria-orange-700);--text-link-hover:var(--ria-orange-800);--text-success:var(--ria-green-700);--text-warning:var(--ria-amber-500);--text-danger:var(--ria-red-700);--text-info:var(--ria-blue-500);
/* ---- SEMANTIC: surfaces --------------------------------------------- */
--surface-page:var(--ria-white);--surface-card:var(--ria-white);--surface-subtle:var(--ria-neutral-50);--surface-sunken:var(--ria-neutral-100);--surface-inverse:var(--ria-black);--surface-brand:var(--ria-orange-500);--surface-brand-hover:var(--ria-orange-600);--surface-brand-active:var(--ria-orange-700);--surface-brand-subtle:var(--ria-orange-50);--surface-brand-tint:var(--ria-orange-100);--surface-success:var(--ria-green-50);--surface-warning:var(--ria-amber-50);--surface-danger:var(--ria-red-50);--surface-info:var(--ria-blue-50);--surface-overlay:rgba(34,30,27,.56);
/* ---- SEMANTIC: borders ---------------------------------------------- */
--border-subtle:var(--ria-neutral-100);--border-default:var(--ria-neutral-200);--border-strong:var(--ria-neutral-300);--border-inverse:var(--ria-neutral-700);--border-brand:var(--ria-orange-500);--border-danger:var(--ria-red-500);--focus-ring:var(--ria-orange-500);--focus-ring-offset:var(--ria-white);
/* ---- SEMANTIC: icons ------------------------------------------------ */
--icon-primary:var(--ria-black);--icon-secondary:var(--ria-neutral-500);--icon-brand:var(--ria-orange-500);--icon-inverse:var(--ria-white);
/* ---- SEMANTIC: actions --------------------------------------------- */
--action-primary-bg:var(--ria-orange-500);--action-primary-bg-hover:var(--ria-orange-600);--action-primary-bg-active:var(--ria-orange-700);--action-primary-fg:var(--ria-white);
--action-secondary-bg:transparent;--action-secondary-bg-hover:var(--ria-neutral-50);--action-secondary-bg-active:var(--ria-neutral-100);--action-secondary-fg:var(--ria-black);--action-secondary-border:var(--ria-neutral-300);
--action-inverse-bg:var(--ria-white);--action-inverse-fg:var(--ria-black);
--action-disabled-bg:var(--ria-neutral-100);--action-disabled-fg:var(--ria-neutral-400);
}