/* ===== THEMES — Variables CSS dark/light ===== */

:root,
[data-theme="dark"] {
  --bg-primary: #0d0f14;
  --bg-secondary: #13161f;
  --bg-card: #1a1e2a;
  --accent: #e7b425;
  --accent-hover: #ebdb70;
  --text-primary: #f0f1f4;
  --text-secondary: #7b7f86;
  --border: #1e2434;

  /* Couleurs formats */
  --webp-primary: #fd5b44;
  --webp-secondary: #b43123;
  --webm-primary: #4691ff;
  --webm-secondary: #2560b6;
  --mp4-primary: #fecc45;
  --mp4-secondary: #b28d24;

  /* Nav */
  --nav-bg: rgba(13, 15, 20, 0.8);

  /* Footer */
  --footer-bg: #090b0f;
}

[data-theme="light"] {
  --bg-primary: #fefdfc;
  --bg-secondary: #f9f8f3;
  --bg-card: #ffffff;
  --text-primary: #212227;
  --text-secondary: #88888b;
  --border: #e8e7e2;

  /* Nav */
  --nav-bg: rgba(254, 253, 252, 0.8);

  /* Footer */
  --footer-bg: #f0efe8;
}