:root {
  --bg: #ffffff;
  --fg: #111111;
  --muted: #f5f5f5;
  --muted-fg: #555555;
  --accent: #111111;
  --primary: #111111;
  --danger: #b00020;
  --success: #0a7a33;
  --info: #1e70c1;

  --line-w: 2px;
  --radius: 12px;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;

  --shadow-sm: 0 1px 0 rgba(0,0,0,0.06);
  --shadow-md: 0 2px 0 rgba(0,0,0,0.08);

  --font-sans: 'Inter', ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Inter, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji","Segoe UI Emoji";
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  --fs-0: 12px;
  --fs-1: 14px;
  --fs-2: 16px;
  --fs-3: 18px;
  --fs-4: 22px;
  --fs-5: 28px;
}

/* Dark theme tokens — neon noir palette */
html.dark :root,
html.dark {
  color-scheme: dark;
  --bg: #06080f;              /* deep space near-black */
  --fg: #f4f0ff;              /* crisp white, faint lavender */
  --muted: rgba(255,255,255,0.06);
  --muted-fg: #c8c2ff;
  --accent: #ff2d78;          /* hot neon pink */
  --primary: #9333ea;         /* electric violet */
  --danger: #ff3d5a;          /* neon red */
  --success: #00d4aa;         /* electric teal */
  --info: #3b82f6;            /* electric blue */

  --line-w: 1px;
  --radius: 14px;

  --shadow-sm: 0 0 0 rgba(0,0,0,0.0);
  --shadow-md: 0 12px 36px rgba(0,0,0,0.55);
  --shadow-neon: 0 0 20px rgba(255, 45, 120, 0.32), 0 0 56px rgba(124, 58, 237, 0.24);

  /* Glass surfaces */
  --glass-bg: rgba(6, 8, 20, 0.72);
  --glass-stroke: rgba(255, 45, 120, 0.42);
  --glass-highlight: rgba(255, 255, 255, 0.07);
}