/**
 * Thème: Space Gray
 * Auteur: Margot
 * Catégorie: main
 * Description: Tons gris spatial élégants
 */

[data-theme="space-gray"] {
  --main-bg-color: radial-gradient(ellipse at center, rgba(87, 108, 117, 1) 0%, rgba(37, 50, 55, 1) 100%) center center/cover no-repeat fixed;
  --modal-bg-color: linear-gradient(-90deg, rgba(87, 108, 117, 1) 0%, rgba(37, 50, 55, 1) 100%) center center/cover no-repeat fixed;
  --modal-header-color: linear-gradient(-90deg, rgba(87, 108, 117, 1) 0%, rgba(37, 50, 55, 1) 100%) center center/cover no-repeat fixed;
  --modal-footer-color: linear-gradient(-90deg, rgba(87, 108, 117, 1) 0%, rgba(37, 50, 55, 1) 100%) center center/cover no-repeat fixed;
  --dropdown-bg: #576c75;
  --card-bg: rgba(87, 108, 117, 0.7);
  --sidebar-bg: rgba(37, 50, 55, 0.95);
  --navbar-bg: rgba(37, 50, 55, 0.95);

  --button-color: #607D8B;
  --button-color-hover: #81a6b7;
  --button-text: #eee;
  --button-text-hover: #fff;
  --button-primary: #607D8B;
  --button-primary-hover: #81a6b7;
  --button-success: #81a6b7;
  --button-danger: #e74c3c;
  --button-warning: #f39c12;

  --accent-color: 129, 166, 183;
  --accent-color-hover: rgba(129, 166, 183, 0.8);
  --accent-rgb: 129, 166, 183;

  --link-color: #81a6b7;
  --link-color-hover: #9adfff;

  --label-text-color: #fff;

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

  --border-color: #576c75;

  --success-color: #81a6b7;
  --success-color-rgb: 129, 166, 183;
  --error-color: #e74c3c;
  --error-color-rgb: 231, 76, 60;
  --warning-color: #f39c12;
  --warning-color-rgb: 243, 156, 18;
  --info-color: #70aeca;

  --input-bg: rgba(37, 50, 55, 0.6);
  --input-border: #576c75;
}