:root{
/* ---- Brand: Turquoise (PRIMARY) ---- */
--turquoise-50:#d8f0f3;--turquoise-100:#9dd9e1;--turquoise-200:#77ccd4;--turquoise-300:#50bec8;--turquoise-500:#36a1b0;--turquoise-700:#2a7e89;--turquoise-900:#18484e;
--brand-turquoise:var(--turquoise-300);
/* ---- Brand: Grey (ACCENT) ---- */
--brand-grey:#464646;
/* ---- Brand: White (NEUTRAL) ---- */
--brand-white:#ffffff;
/* ---- Neutral ramp, tuned around the brand grey #464646 ---- */
--grey-0:#ffffff;--grey-25:#fafafa;--grey-50:#f5f6f6;--grey-100:#ececed;--grey-200:#dedede;--grey-300:#c4c4c4;--grey-400:#9b9b9b;--grey-500:#767676;--grey-600:#5c5c5c;--grey-700:#464646;--grey-800:#333333;--grey-900:#1f1f1f;
/* ---- Semantic status. Not defined in the brandbook; derived to sit beside the turquoise. ---- */
--success-surface:#e4f4ea;--success-border:#a8d9ba;--success:#2e7d4f;
--warning-surface:#fdf1dd;--warning-border:#eccb8c;--warning:#a06a12;
--danger-surface:#fbe9e7;--danger-border:#e8b0a8;--danger:#b1382a;
--info-surface:var(--turquoise-50);--info-border:var(--turquoise-100);--info:var(--turquoise-700);

/* ================= Semantic aliases ================= */
--text-heading:var(--grey-800);
--text-body:var(--grey-700);
--text-muted:var(--grey-500);
--text-subtle:var(--grey-400);
--text-inverse:var(--brand-white);
--text-brand:var(--turquoise-700);
--text-link:var(--turquoise-700);
--text-link-hover:var(--turquoise-900);

--surface-page:var(--grey-50);
--surface-card:var(--brand-white);
--surface-sunken:var(--grey-100);
--surface-raised:var(--brand-white);
--surface-brand:var(--brand-turquoise);
--surface-brand-subtle:var(--turquoise-50);
--surface-brand-deep:var(--turquoise-900);
--surface-inverse:var(--grey-800);
--surface-hover:var(--grey-50);
--surface-selected:var(--turquoise-50);
--surface-overlay:rgba(31,31,31,.45);

--border-subtle:var(--grey-100);
--border-default:var(--grey-200);
--border-strong:var(--grey-300);
--border-brand:var(--brand-turquoise);
--border-focus:var(--turquoise-500);

--action-primary-bg:var(--brand-turquoise);
--action-primary-bg-hover:var(--turquoise-500);
--action-primary-bg-active:var(--turquoise-700);
--action-primary-fg:var(--brand-white);
--action-secondary-bg:var(--brand-white);
--action-secondary-bg-hover:var(--turquoise-50);
--action-secondary-fg:var(--turquoise-700);
--action-secondary-border:var(--turquoise-200);
--action-ghost-fg:var(--grey-600);
--action-ghost-bg-hover:var(--grey-100);
--action-disabled-bg:var(--grey-100);
--action-disabled-fg:var(--grey-400);

--focus-ring:0 0 0 3px rgba(80,190,200,.42);
}