/* ================================================================
   THEME : CLAIR MODERNE
   Clair epure — fonds clairs, teal moderne, accents bleus
   Look propre et professionnel
   ================================================================ */

:root {
  /* Fonds */
  --theme-bg:         #f8fafc;
  --theme-bg2:        #eef2f6;
  --theme-bg3:        #e2e8f0;
  --theme-card:       #ffffff;
  --theme-card-hover: #f1f5f9;

  /* Bordures */
  --theme-border:       #cbd5e1;
  --theme-border-light: #94a3b8;

  /* Textes */
  --theme-text:       #0f172a;
  --theme-text-dim:   #475569;
  --theme-text-muted: #94a3b8;

  /* Accents */
  --theme-accent:        #0d9488;       /* teal moderne */
  --theme-accent-glow:   rgba(13, 148, 136, 0.12);
  --theme-accent2:       #2563eb;       /* bleu accent */
  --theme-accent2-glow:  rgba(37, 99, 235, 0.1);
  --theme-warn:          #dc2626;
  --theme-warn-glow:     rgba(220, 38, 38, 0.12);
  --theme-gold:          #b45309;
  --theme-gold-glow:     rgba(180, 83, 9, 0.12);
  --theme-success:       #059669;
  --theme-purple:        #7c3aed;
  --theme-purple-glow:   rgba(124, 58, 237, 0.12);

  --theme-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);

  --theme-color-scheme: light;
}

/* Fond global sobre */
body {
  background: var(--theme-bg);
}

/* Header : degrade clair translucide */
.header {
  background: linear-gradient(135deg, #ffffff 0%, #f1f5f9 100%);
  border-bottom: 1px solid #e2e8f0;
}

/* Inputs sur fond blanc pour lisibilite */
input,
select,
textarea {
  background: #ffffff;
  color: var(--text);
}

/* Bouton primary lisible : texte blanc sur fond teal */
.btn-primary {
  background: linear-gradient(135deg, #0d9488 0%, #0f766e 100%);
  color: #ffffff;
  font-weight: 700;
}

.btn-secondary {
  background: #ffffff;
  border: 1px solid var(--border);
}

/* Tableaux : fond entete clair */
thead {
  background: var(--bg2);
}

/* Modales sur fond clair */
.modal-overlay {
  background: rgba(15, 23, 42, 0.45);
}
.modal {
  box-shadow: 0 24px 80px rgba(15, 23, 42, 0.2);
}

/* Badges legerement plus contrastes sur fond clair */
.badge-green  { background: rgba(13, 148, 136, 0.18); }
.badge-orange { background: rgba(220, 38, 38, 0.18); }
.badge-blue   { background: rgba(37, 99, 235, 0.18); }

/* Logo : degrade teal vers bleu */
.logo {
  background: linear-gradient(135deg, #0d9488, #2563eb);
  -webkit-background-clip: text;
  background-clip: text;
}

/* Gantt : cellules sans fond opaque pour rester lisible */
.gantt-cell.weekend  { background: rgba(0, 0, 0, 0.025); }
.gantt-cell.today-col{ background: rgba(13, 148, 136, 0.10); }

/* Force color-scheme pour la barre de scroll systeme */
html { color-scheme: light; }