/* ============================================
   YÈRE-S — Design System Variables
   ============================================ */
:root {
  /* ── Palette principale ── */
  --black:       #0A0A0A;
  --gray-900:    #111111;
  --gray-800:    #222222;
  --gray-700:    #333333;
  --gray-600:    #555555;
  --gray-500:    #777777;
  --gray-400:    #999999;
  --gray-300:    #BBBBBB;
  --gray-200:    #DDDDDD;
  --gray-150:    #E8E8E8;
  --gray-100:    #F2F2F2;
  --gray-50:     #F8F8F8;
  --white:       #FFFFFF;

  /* ── Sémantique ── */
  --text-primary:   var(--gray-900);
  --text-secondary: var(--gray-600);
  --text-muted:     var(--gray-400);
  --border:         rgba(0,0,0,0.10);
  --border-strong:  rgba(0,0,0,0.18);

  /* ── Ombres ── */
  --shadow-sm: 0 1px 4px rgba(0,0,0,0.07);
  --shadow:    0 2px 12px rgba(0,0,0,0.09);
  --shadow-lg: 0 8px 32px rgba(0,0,0,0.12);
  --shadow-xl: 0 20px 60px rgba(0,0,0,0.14);

  /* ── Statuts ── */
  --s-attente-bg: #F5F5F5; --s-attente-txt: #444444; --s-attente-bd: #CCCCCC;
  --s-encours-bg: #FFF8E6; --s-encours-txt: #7A5800; --s-encours-bd: #F0D080;
  --s-pret-bg:    #F0FAF4; --s-pret-txt:    #1A6035; --s-pret-bd:    #80C8A0;
  --s-livre-bg:   #E8F5EE; --s-livre-txt:   #0D4020; --s-livre-bd:   #50A070;
  --s-annule-bg:  #FFF0F0; --s-annule-txt:  #8B0000; --s-annule-bd:  #FFAAAA;
  --s-pris-bg:    #F0F4FF; --s-pris-txt:    #1A3080; --s-pris-bd:    #90A8E8;

  /* ── Fonctionnelles ── */
  --success: #1A6035;
  --danger:  #8B0000;
  --danger-bg: #FFF0F0;
  --danger-bd: #FFAAAA;
  --warning: #7A5800;

  /* ── Layout ── */
  --sidebar-width:     240px;
  --sidebar-collapsed: 64px;
  --header-height:     64px;

  /* ── Rayons ── */
  --radius-sm: 6px;
  --radius:    10px;
  --radius-lg: 14px;
  --radius-xl: 20px;

  /* ── Typographie ── */
  --font: 'Inter', system-ui, sans-serif;

  /* ── Transitions ── */
  --t:    all 0.2s ease;
  --t-lg: all 0.32s cubic-bezier(0.4,0,0.2,1);

  /* ── Compatibilité anciens modules ── */
  --bg-primary:         var(--white);
  --bg-glass-heavy:     var(--white);
  --bg-glass-medium:    var(--gray-50);
  --bg-glass-light:     var(--gray-100);
  --bg-glass-hover:     var(--gray-150);
  --border-glass:       1px solid var(--border);
  --border-glass-light: 1px solid var(--border-strong);
  --shadow-glass:       var(--shadow);
  --transition-fast:    0.15s ease;
  --transition-normal:  0.25s ease;
  --transition-slow:    0.4s ease;
  --radius-md:          var(--radius);
  --primary-color:      var(--gray-900);
  --primary-dark:       var(--black);
  --primary-light:      var(--gray-100);
  --spacing-xs: 4px;  --spacing-sm: 8px;  --spacing-md: 16px;
  --spacing-lg: 24px; --spacing-xl: 32px; --spacing-2xl: 48px;
}