/* Design tokens — extracted from layout/styles.css (the visual reference), CSS custom properties only. */
:root {
  --purple-950: #241342;
  --purple-900: #2f1758;
  --purple-800: #45227a;
  --purple-700: #6136a5;
  --purple-600: #7647c7;
  --purple-100: #eee7fa;
  --purple-50: #f7f3fc;
  --green-700: #14845f;
  --green-600: #19a974;
  --green-500: #28bf84;
  --green-100: #dff7ed;
  --green-50: #effbf6;
  --ink: #231f2b;
  --muted: #777180;
  --line: #e8e5eb;
  --surface: #ffffff;
  --canvas: #f7f6f9;
  --amber: #f2a93b;
  --red: #df5a67;
  --shadow: 0 10px 28px rgba(45, 25, 74, 0.07);
  --shadow-soft: 0 2px 8px rgba(45, 25, 74, 0.05);
  --radius: 14px;
  --sidebar: 248px;
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--ink);
  background: var(--canvas);
  font-synthesis: none;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; background: var(--canvas); }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }