/*
  Filet de sécurité pour les navigateurs de Smart TV anciens.
  Ces règles ne s'appliquent QUE si le navigateur ne comprend pas color-mix()
  (donc jamais sur Chrome / Edge / Safari modernes : le design actuel est intact).
*/
@supports not (color: color-mix(in oklab, #fff 50%, transparent)) {
  html,
  body {
    background-color: #100a2e;
    color: #f5f4ff;
  }

  body {
    font-family: "Plus Jakarta Sans", Arial, sans-serif;
  }

  .panel {
    background-color: #201841;
    border: 1px solid #3a3168;
    border-radius: 1rem;
  }

  /* Les utilitaires d'opacité (bg-secondary/40…) sont ignorés : on redonne un fond lisible. */
  .panel li,
  .panel > ul > li {
    background-color: #2a2350;
    border-color: #3a3168;
  }

  h1,
  h2,
  p,
  span,
  li,
  a {
    color: inherit;
  }

  .text-primary {
    color: #a190ff;
  }
  .text-accent {
    color: #5b9eff;
  }
  .text-highlight {
    color: #e2a7ff;
  }
  .text-muted-foreground {
    color: #b6b0da;
  }
}