:root {
  --brand-1: #ec4899;
  --brand-2: #c026d3;
  --brand-3: #8b5cf6;
  --brand-4: #6d28d9;

  --bg-page: #f8fafc;
  --bg-surface: #ffffff;
  --bg-surface-2: #f1f5f9;
  --bg-soft: #eef2ff;

  --text-main: #0f172a;
  --text-muted: #475569;
  --line-soft: rgba(15, 23, 42, 0.12);
  --line-strong: rgba(15, 23, 42, 0.2);

  --radius-lg: 1rem;
  --radius-xl: 1.2rem;
  --shadow-soft: 0 10px 26px rgba(15, 23, 42, 0.08);
  --shadow-strong: 0 20px 48px rgba(15, 23, 42, 0.14);
  --ring: rgba(139, 92, 246, 0.5);
  --bar-gradient: linear-gradient(120deg, var(--brand-1), var(--brand-2), var(--brand-3), var(--brand-4));

  --md-typeset-max-width: 66rem;
}

[data-md-color-scheme="slate"] {
  --brand-1: #5b21b6;
  --brand-2: #6d28d9;
  --brand-3: #7c3aed;
  --brand-4: #8b5cf6;

  --bg-page: #0b1020;
  --bg-surface: #11182c;
  --bg-surface-2: #151f36;
  --bg-soft: #1b2540;

  --text-main: #e2e8f0;
  --text-muted: #cbd5e1;
  --line-soft: rgba(167, 139, 250, 0.2);
  --line-strong: rgba(196, 181, 253, 0.28);

  --shadow-soft: 0 12px 28px rgba(2, 6, 23, 0.38);
  --shadow-strong: 0 24px 56px rgba(2, 6, 23, 0.56);
  --bar-gradient: linear-gradient(115deg, #312e81 0%, #4c1d95 40%, #6d28d9 78%, #7c3aed 100%);
}