:root {
  color-scheme: dark;
  --canvas: #0b0d17;
  --surface: #151823;
  --surface-raised: #1a1d2b;
  --input: #1e2235;
  --border: #2a2f45;
  --border-soft: #222637;
  --text: #f5f6fb;
  --muted: #a0a9be;
  --subtle: #7f89a2;
  --accent: #4f46e5;
  --accent-hover: #6259ec;
  --accent-light: #b1abff;
  --success: #71dab1;
  --danger: #f49aab;
  --radius: 12px;
  --sidebar: 248px;
  font-family:
    'Inter',
    -apple-system,
    BlinkMacSystemFont,
    'Segoe UI',
    sans-serif;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}