:root{
/* ---- Brand primary: Deep CliniqAI Blue (from logo wordmark + mark) ---- */
--blue-50:#f2f4fc;--blue-100:#e2e7f7;--blue-200:#c4cdef;--blue-300:#9ba9e0;--blue-400:#6c7ecb;--blue-500:#4657ae;--blue-600:#2a3a8c;--blue-700:#233073;--blue-800:#1c265a;--blue-900:#151c43;
/* ---- Brand accent: Cyan / AI Blue (from logo "AI" + mark ring) ---- */
--cyan-50:#eaf7fe;--cyan-100:#d0eefc;--cyan-200:#a3ddf8;--cyan-300:#6bc8f2;--cyan-400:#2eb4ea;--cyan-500:#1595cb;--cyan-600:#0f76a3;--cyan-700:#0b5a7c;
/* ---- Cool neutrals ---- */
--neutral-0:#ffffff;--neutral-25:#fafbfd;--neutral-50:#f5f7fa;--neutral-100:#edf0f5;--neutral-200:#e1e6ee;--neutral-300:#cbd2de;--neutral-400:#9aa4b7;--neutral-500:#6b7688;--neutral-600:#4e5768;--neutral-700:#39414f;--neutral-800:#262d38;--neutral-900:#161b23;
/* ---- Semantic hues ---- */
--green-50:#e7f6f0;--green-200:#b7e3d2;--green-500:#0e8a5f;--green-700:#0a6a49;
--amber-50:#fef4e5;--amber-200:#f6dcae;--amber-500:#b26a00;--amber-700:#8a5200;
--red-50:#fdeceb;--red-200:#f6c9c6;--red-500:#c4362f;--red-700:#9c2823;
--info-50:#eaf1fd;--info-200:#c3d7f7;--info-500:#1f63c8;--info-700:#17499a;

/* ================= Semantic aliases ================= */
/* Brand */
--brand:var(--blue-600);--brand-hover:var(--blue-700);--brand-active:var(--blue-800);--brand-subtle:var(--blue-50);--brand-subtle-border:var(--blue-200);
--ai:var(--cyan-400);--ai-strong:var(--cyan-600);--ai-subtle:var(--cyan-50);--ai-subtle-border:var(--cyan-200);--ai-text:var(--cyan-700);

/* Surfaces */
--surface-page:var(--neutral-50);
--surface-card:var(--neutral-0);
--surface-raised:var(--neutral-0);
--surface-sunken:var(--neutral-100);
--surface-hover:var(--neutral-50);
--surface-active:var(--neutral-100);
--surface-nav:var(--neutral-0);
--surface-nav-active:var(--blue-50);
--surface-inverse:var(--blue-800);
--surface-disabled:var(--neutral-100);

/* Text */
--text-heading:var(--neutral-900);
--text-body:var(--neutral-800);
--text-secondary:var(--neutral-500);
--text-muted:var(--neutral-400);
--text-inverse:var(--neutral-0);
--text-link:var(--blue-600);
--text-link-hover:var(--blue-700);
--text-on-brand:var(--neutral-0);
--text-disabled:var(--neutral-400);

/* Borders */
--border-subtle:var(--neutral-200);
--border-default:var(--neutral-300);
--border-strong:var(--neutral-400);
--border-brand:var(--blue-600);
--border-focus:var(--blue-500);

/* Status: success / warning / danger / info / neutral */
--status-success-bg:var(--green-50);--status-success-border:var(--green-200);--status-success-fg:var(--green-700);--status-success-dot:var(--green-500);
--status-warning-bg:var(--amber-50);--status-warning-border:var(--amber-200);--status-warning-fg:var(--amber-700);--status-warning-dot:var(--amber-500);
--status-danger-bg:var(--red-50);--status-danger-border:var(--red-200);--status-danger-fg:var(--red-700);--status-danger-dot:var(--red-500);
--status-info-bg:var(--info-50);--status-info-border:var(--info-200);--status-info-fg:var(--info-700);--status-info-dot:var(--info-500);
--status-neutral-bg:var(--neutral-100);--status-neutral-border:var(--neutral-200);--status-neutral-fg:var(--neutral-600);--status-neutral-dot:var(--neutral-400);
--status-ai-bg:var(--cyan-50);--status-ai-border:var(--cyan-200);--status-ai-fg:var(--cyan-700);--status-ai-dot:var(--cyan-400);

/* Feedback intents */
--danger:var(--red-500);--danger-hover:var(--red-700);
--success:var(--green-500);
--warning:var(--amber-500);

/* Focus ring */
--focus-ring:0 0 0 3px color-mix(in srgb, var(--blue-500) 28%, transparent);
}