/* Couleurs choisies dans Réglages → Apparence */
:root {
  --accent: #7d9e00; --user: #7d9e00;
  --bg: #f5f7fd; --surface: #fdfdff; --ink: #242815; --muted: #747b5b; --line: #e7ecdf;
  --bg-glow: color-mix(in srgb, #7d9e00 8%, #f5f7fd);
  --accent-soft: color-mix(in srgb, #7d9e00 12%, #fdfdff);
  --k-text: #7d9e00; --k-text-bg: color-mix(in srgb, #7d9e00 14%, #fdfdff);
  --k-image: #0f5fbd; --k-image-bg: color-mix(in srgb, #0f5fbd 14%, #fdfdff);
  --k-music: #bd6d0f; --k-music-bg: color-mix(in srgb, #bd6d0f 14%, #fdfdff);
  --k-video: #33bd0f; --k-video-bg: color-mix(in srgb, #33bd0f 14%, #fdfdff);
  --k-cv: #bd0f5f; --k-cv-bg: color-mix(in srgb, #bd0f5f 14%, #fdfdff);
  --k-webapp: #420fbd; --k-webapp-bg: color-mix(in srgb, #420fbd 14%, #fdfdff);
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
:root {
  --accent: #7d9e00; --user: #7d9e00;
  --bg: #0d1017; --surface: #161a23; --ink: #e8ebf3; --muted: #94a3b8; --line: #262c3a;
  --bg-glow: color-mix(in srgb, #7d9e00 8%, #0d1017);
  --accent-soft: color-mix(in srgb, #7d9e00 12%, #161a23);
  --k-text: #7d9e00; --k-text-bg: color-mix(in srgb, #7d9e00 14%, #161a23);
  --k-image: #0f5fbd; --k-image-bg: color-mix(in srgb, #0f5fbd 14%, #161a23);
  --k-music: #bd6d0f; --k-music-bg: color-mix(in srgb, #bd6d0f 14%, #161a23);
  --k-video: #33bd0f; --k-video-bg: color-mix(in srgb, #33bd0f 14%, #161a23);
  --k-cv: #bd0f5f; --k-cv-bg: color-mix(in srgb, #bd0f5f 14%, #161a23);
  --k-webapp: #420fbd; --k-webapp-bg: color-mix(in srgb, #420fbd 14%, #161a23);
  color-scheme: dark;
}
}