/* Clair-obscur : noir chaud, ivoire, aucune couleur d'interface. La couleur vient des photos,
   des tableaux et des pochettes. Les images s'allument en entrant dans l'écran (base.css, .rv). */
:root {
  color-scheme: dark;
  scrollbar-color: #3a3631 #0d0c0b;
  --bg: #0d0c0b;
  --surface: #151412;
  --surface-2: #211f1c;
  --surface-3: #2d2a26;
  --text: #f2eee7;
  --text-2: #cdc7bd;
  --muted: #aaa39a;
  --link: #f2eee7;
  --focus: #f2eee7;
  --accent: #f2eee7;
  --accent-hover: #ffffff;
  --accent-contrast: #0d0c0b;
  --nav-bg: rgba(13, 12, 11, .86);
  --dock-bg: rgba(33, 31, 28, .92);
  --font-display: 'EB Garamond', Garamond, 'Times New Roman', serif;
  --font-body: 'Source Sans 3', system-ui, -apple-system, sans-serif;
  --radius: 4px;
  --listen-shade: radial-gradient(120% 90% at 50% 40%, rgba(10,9,8,.45), rgba(10,9,8,.88));
  --wave-played: #f2eee7;
  --wave-rest: rgba(242, 238, 231, .2);
}