:root {
  --primary: #4e4f89;
  --primary-light: #6a6ba8;
  --primary-dark: #363577;
  --secondary: #ff914c;
  --secondary-light: #ffaa73;
  --secondary-dark: #e67c35;
  --background: #f8f9fa;
  --surface: #ffffff;
  --text-primary: #1a1a1a;
  --text-secondary: #4a5568;
  --text-muted: #718096;
  --border: #e2e8f0;
  --header: #ddddff;
  --rest: #d7dcfc;
  --best: #ff914c;
  --best-bg: #fcd7bf;
  --best-br: #f1b488;
  --success: #22c55e;

  /* Compatibility aliases retained from the existing modular project. */
  --bg: var(--background);
  --ink: #111418;
  --muted: #667085;
  --muted-2: #9ca3af;
  --line: #e5e7eb;
  --line-strong: rgba(148, 163, 184, 0.45);
  --purple: var(--primary);
  --purple-dark: var(--primary-dark);
  --purple-soft: #f3f4ff;
  --purple-box: #e6e7ff;
  --orange: var(--best);
  --orange-soft: var(--best-bg);
  --orange-border: var(--best-br);
  --green: #16a34a;
  --green-soft: #ecfdf3;
  --green-ink: #166534;
  --green-badge: #d4edda;
  --green-badge-ink: #155724;
  --shadow: 0 18px 45px rgba(15,23,42,0.14);
  --content-full: 1100px;
  --content-narrow: 1100px;
}