:root { /* Nuit: default theme, calm slate ink with luminous points */
  color-scheme: dark;
  --bg: #0f1216;
  --glow: #19202a;
  --surface: rgba(24, 28, 35, 0.8);
  --surface-solid: #1a1e25;
  --ink: #eceae6;
  --ink-2: #b9bec5;
  --muted: #8d939c;
  --ink-rgb: 236, 234, 230;
  --shadow-rgb: 0, 0, 0;
  --line: rgba(236, 234, 230, 0.08);
  --line-2: rgba(236, 234, 230, 0.14);
  --accent: #f0906f;
  --label: rgba(236, 234, 230, 0.5);
  --shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 12px 32px rgba(0, 0, 0, 0.28), inset 0 0 0 1px rgba(236, 234, 230, 0.05);
  --font: 'Manrope', 'Segoe UI', system-ui, sans-serif;
  --ease: cubic-bezier(.22, 1, .36, 1);
  --radius: 18px;
  --pad: clamp(18px, 1.8vw, 36px);
  --top: 64px;
  --left: clamp(270px, 21vw, 360px);
  --right: clamp(270px, 20vw, 340px);
}
[data-theme="light"] { /* Jour */
  color-scheme: light;
  --bg: #f5f4f1;
  --glow: #ffffff;
  --surface: rgba(255, 255, 255, 0.78);
  --surface-solid: #ffffff;
  --ink: #1f2328;
  --ink-2: #4a4f57;
  --muted: #6b7079;
  --ink-rgb: 31, 35, 40;
  --shadow-rgb: 31, 35, 40;
  --line: rgba(31, 35, 40, 0.08);
  --line-2: rgba(31, 35, 40, 0.14);
  --accent: #ef7d5c;
  --label: rgba(31, 35, 40, 0.42);
  --shadow: 0 1px 2px rgba(31, 35, 40, 0.04), 0 10px 30px rgba(31, 35, 40, 0.06);
}