:root{
  /* Ink (text) */
  --ink-900:#0B1220; --ink-800:#111827; --ink-700:#0F172A; --ink-600:#1F2937;
  --slate-700:#334155; --slate-600:#475569; --slate-500:#64748B; --slate-400:#94A3B8; --slate-300:#CBD5E1; --slate-200:#E2E8F0; --slate-100:#F1F5F9; --slate-50:#F8FAFC; --white:#FFFFFF;
  /* Brand blue */
  --blue-900:#1E3A8A; --blue-600:#2563EB; --blue-400:#60A5FA; --blue-300:#93C5FD; --blue-200:#BFDBFE;
  /* Semantic accents */
  --emerald-500:#10B981; --emerald-400:#34D399; --emerald-200:#A7F3D0; --emerald-100:#6EE7B7;
  --amber-500:#F59E0B; --red-500:#EF4444; --red-300:#FCA5A5;
  /* Semantic aliases — light surfaces */
  --bg-page:var(--white); --bg-page-alt:var(--slate-50); --bg-section-tint:var(--slate-100);
  --surface-card:var(--white); --surface-inset:var(--slate-50); --surface-glass:rgba(255,255,255,.72);
  --border-default:var(--slate-200); --border-subtle:rgba(17,24,39,.06); --border-glass:rgba(255,255,255,.8);
  --text-heading:var(--ink-900); --text-body:var(--slate-600); --text-muted:var(--slate-500); --text-faint:var(--slate-400); --text-on-dark:var(--white); --text-body-on-dark:var(--slate-300); --text-muted-on-dark:var(--slate-400);
  --accent:var(--blue-600); --accent-soft:rgba(37,99,235,.08); --accent-border:rgba(37,99,235,.28); --accent-on-dark:var(--blue-400);
  --success:var(--emerald-500); --success-soft:rgba(16,185,129,.1); --success-on-dark:var(--emerald-400);
  --warning:var(--amber-500); --danger:var(--red-500);
  /* Dark surfaces */
  --bg-dark:var(--ink-900); --surface-dark-card:var(--ink-800); --border-dark:var(--ink-600); --surface-dark-glass:rgba(255,255,255,.03); --border-dark-faint:rgba(255,255,255,.08);
  /* Glows */
  --glow-blue:radial-gradient(50% 50% at 50% 40%,rgba(37,99,235,.10),rgba(37,99,235,0) 70%); /* @kind color */
  --glow-blue-dark:radial-gradient(50% 50% at 50% 50%,rgba(37,99,235,.22),transparent 70%); /* @kind color */
  --glow-emerald-dark:radial-gradient(50% 50% at 50% 50%,rgba(16,185,129,.16),transparent 70%); /* @kind color */
  --orb:radial-gradient(60% 60% at 35% 30%,#60A5FA,#2563EB 55%,#1E3A8A); /* @kind color */
  /* Align AI brand mark */
  --align-blue:#4F86B4; --align-blue-deep:#3D6E99;
  --selection-bg:var(--blue-600);
}