/* public/css/tokens.css */

/**
 * KB Medizin Technik - Tokens
 * Theme: Medical Clean (Blue & Teal)
 * Refonte: Passage de Indigo à Medical Blue
 */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&display=swap');

:root {
  /* ========== COULEURS (Medical Clean) ========== */
  /* Primary: Bleu Profond (Confiance, Technique) au lieu de l'Indigo */
  --color-primary: #0277bd;       /* Bleu Medical */
  --color-primary-hover: #01579b; /* Bleu plus sombre au survol */
  --color-primary-light: #e1f5fe; /* Bleu très pâle - Pour les fonds actifs */
  
  /* Secondary: Sarcelle/Teal (Hygiène, Chirurgie) - NOUVEAU */
  --color-secondary: #00897b;
  --color-secondary-hover: #00695c;

  /* Dégradés (Subtils et Professionnels) */
  --gradient-primary: linear-gradient(135deg, #0288d1 0%, #01579b 100%);
  --gradient-primary-hover: linear-gradient(135deg, #039be5 0%, #0277bd 100%);
  --gradient-page: #f4f6f8; /* Gris très léger, aspect "clinique" */
  --gradient-sidebar: #ffffff; /* Sidebar blanche pour la clarté */

  /* Neutres (Cool Gray - Aspect stérile) */
  --neutral-50: #f8fafc;
  --neutral-100: #f1f5f9;
  --neutral-200: #e2e8f0;
  --neutral-300: #cbd5e1;
  --neutral-400: #94a3b8;
  --neutral-500: #64748b;
  --neutral-600: #475569;
  --neutral-700: #334155;
  --neutral-800: #1e293b;
  --neutral-900: #0f172a;
  --neutral-white: #ffffff;

  /* Status Colors (Ajustés pour être moins agressifs) */
  --color-success: #2e7d32; /* Vert plus naturel */
  --color-warning: #f57f17; /* Orange foncé */
  --color-danger: #c62828;  /* Rouge médical */
  --color-info: #0288d1;    /* Bleu info */

  /* Backgrounds Status (Pastels Propres) */
  --status-jour-bg: #e8f5e9;      --status-jour-text: #1b5e20;      --status-jour-border: #a5d6a7;
  --status-soon-bg: #fffde7;      --status-soon-text: #f57f17;      --status-soon-border: #fff59d;
  --status-expire-bg: #ffebee;    --status-expire-text: #b71c1c;    --status-expire-border: #ef9a9a;

  /* Typographie (Inchangée pour la stabilité) */
  --font-family: 'Inter', system-ui, -apple-system, sans-serif;
  --font-family-mono: 'JetBrains Mono', monospace;
  
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  
  --line-height-tight: 1.25;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.625;

  /* ========== ESPACEMENT (Mode Aéré conservé) ========== */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-6: 2rem;
  --space-8: 3rem;
  --space-10: 4rem;
  
  /* Formes */
  --radius-sm: 0.375rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
  --radius-xl: 1rem;
  --radius-full: 9999px;
  
  /* Ombres (Nettoyées: plus de teinte violette, gris neutre) */
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  
  /* Bordures */
  --border-width: 1px;
  --border-color: #cbd5e1; /* Un peu plus contrasté pour la lisibilité des tableaux */
  --border-color-light: #e2e8f0;
  
  /* Focus (Ring bleu clair au lieu de violet) */
  --focus-ring: 0 0 0 3px rgba(2, 119, 189, 0.25);

  /* Layout (INCHANGÉ - CRITIQUE POUR NE PAS CASSER LE SITE) */
  --sidebar-width: 270px;
  --sidebar-collapsed-width: 80px;
  --topbar-height: 70px;
  --container-max-width: 1600px;
  
  /* Z-Index (INCHANGÉ) */
  --z-dropdown: 1000;
  --z-sticky: 1020;
  --z-fixed: 1030;
  --z-modal: 9999;
  --z-tooltip: 1070;
}