/**
 * Thème: Plex
 * Auteur: Margot
 * Catégorie: main
 * Description: Style orange/noir de Plex
 */

[data-theme="plex"] {
  --main-bg-color: radial-gradient(circle farthest-side at 0% 100%, rgb(47, 47, 47) 0%, rgba(47, 47, 47, 0) 100%), radial-gradient(circle farthest-side at 100% 100%, rgb(63, 63, 63) 0%, rgba(63, 63, 63, 0) 100%), radial-gradient(circle farthest-side at 100% 0%, rgb(76, 76, 76) 0%, rgba(76, 76, 76, 0) 100%), radial-gradient(circle farthest-side at 0% 0%, rgb(58, 58, 58) 0%, rgba(58, 58, 58, 0) 100%), black center center/cover no-repeat fixed;
  --modal-bg-color: #282828;
  --modal-header-color: #323232;
  --modal-footer-color: #323232;
  --dropdown-bg: #191a1c;
  --card-bg: rgba(40, 40, 40, 0.7);
  --sidebar-bg: #1a1a1a;
  --navbar-bg: #1a1a1a;

  --button-color: #cc7b19;
  --button-color-hover: #e59029;
  --button-text: #eee;
  --button-text-hover: #fff;
  --button-primary: #e5a00d;
  --button-primary-hover: #ffc107;
  --button-success: #27c24c;
  --button-danger: #e74c3c;
  --button-warning: #e5a00d;

  --accent-color: 229, 160, 13;
  --accent-color-hover: #ffc107;
  --accent-rgb: 229, 160, 13;

  --link-color: #e5a00d;
  --link-color-hover: #fff;

  --label-text-color: #333;

  --text: #ddd;
  --text-hover: #fff;
  --text-muted: #999;
  --text-heading: #fff;

  --border-color: #444;

  --success-color: #27c24c;
  --success-color-rgb: 39, 194, 76;
  --error-color: #e74c3c;
  --error-color-rgb: 231, 76, 60;
  --warning-color: #e5a00d;
  --warning-color-rgb: 229, 160, 13;
  --info-color: #3498db;

  --input-bg: #333;
  --input-border: #555;
}