/**
 * Hikari no Sekai - Thème de base (variables par défaut)
 * 
 * Ce fichier définit toutes les variables CSS utilisées par les thèmes.
 * Il sert de fallback si un thème ne définit pas une variable.
 * 
 * NE PAS MODIFIER ce fichier pour personnaliser un thème,
 * créez plutôt un nouveau fichier de thème dans ce dossier.
 */

:root {
  /* ============================================
     ARRIÈRE-PLANS
     ============================================ */
  --main-bg-color: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
  --modal-bg-color: linear-gradient(135deg, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
  --modal-header-color: linear-gradient(135deg, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
  --modal-footer-color: linear-gradient(135deg, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
  --dropdown-bg: #2d2d2d;
  --card-bg: rgba(45, 45, 45, 0.7);
  --sidebar-bg: #1a1a1a;
  --navbar-bg: #1a1a1a;

  /* ============================================
     BOUTONS
     ============================================ */
  --button-color: #7a7a7a;
  --button-color-hover: #9b9b9b;
  --button-text: #eee;
  --button-text-hover: #fff;
  --button-primary: #4a90d9;
  --button-primary-hover: #5ba0e9;
  --button-success: #6b5;
  --button-danger: #e74c3c;
  --button-warning: #f39c12;

  /* ============================================
     COULEURS D'ACCENT
     ============================================ */
  --accent-color: 170, 170, 170;
  --accent-color-hover: rgba(255, 255, 255, 0.45);
  --accent-rgb: 170, 170, 170;

  /* ============================================
     LIENS
     ============================================ */
  --link-color: #7a7a7a;
  --link-color-hover: #fff;

  /* ============================================
     LABELS ET BADGES
     ============================================ */
  --label-text-color: #000;
  --badge-bg: rgba(var(--accent-color), 0.2);

  /* ============================================
     TEXTES
     ============================================ */
  --text: #ddd;
  --text-hover: #fff;
  --text-muted: #999;
  --text-heading: #fff;

  /* ============================================
     BORDURES ET OMBRES
     ============================================ */
  --border-color: #444;
  --border-radius: 8px;
  --box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
  --box-shadow-hover: 0 8px 12px rgba(0, 0, 0, 0.4);

  /* ============================================
     ÉTATS SPÉCIAUX
     ============================================ */
  --success-color: #6b5;
  --success-color-rgb: 102, 187, 85;
  --error-color: #e74c3c;
  --error-color-rgb: 231, 76, 60;
  --warning-color: #f39c12;
  --warning-color-rgb: 243, 156, 18;
  --info-color: #3498db;

  /* ============================================
     FORMULAIRES
     ============================================ */
  --input-bg: #333;
  --input-border: #555;
  --input-focus-border: rgb(var(--accent-color));
  --input-text: #eee;
  --placeholder-color: #888;

  /* ============================================
     OVERLAYS ET VIEWERS
     ============================================ */
  --overlay-bg: rgba(0, 0, 0, 0.6);
  --overlay-text: #fff;
  --viewer-bg: #000;
  --shadow-color: 0, 0, 0;

  /* ============================================
     SCROLLBAR
     ============================================ */
  --scrollbar-bg: #1a1a1a;
  --scrollbar-thumb: #555;
  --scrollbar-thumb-hover: #777;
}