/* WEVAL SKIN OVERRIDE for crt-lab-v14.html
 * Doctrine WTP same UX all-in - inject palette WEVAL veritable
 * Auteur: Opus 4.7 supervisor 9mai2026 14:35
 * Reference: veille-ia-souveraine.html (Yacine via Opus Audit)
 */

:root {
  /* WEVAL TRUE palette (override Kimi K2 dark generic) */
  --bg-primary: #fafbff !important;
  --bg-secondary: #fff !important;
  --bg-card: #fff !important;
  --bg-card-hover: #f8f9fc !important;
  --bg-elevated: #fff !important;
  --bg-tertiary: #fafbff !important;
  --bg-input: #fff !important;
  --bg-hover: #f1f5f9 !important;
  
  --text-primary: #1e293b !important;
  --text-secondary: #475569 !important;
  --text-muted: #64748b !important;
  
  --accent: #7c3aed !important;
  --accent-light: #a78bfa !important;
  --color-primary: #7c3aed !important;
  --color-primary-dark: #6d28d9 !important;
  --color-primary-light: #a78bfa !important;
  --color-purple: #8b5cf6 !important;
  --color-pink: #ec4899 !important;
  --color-cyan: #06b6d4 !important;
  --color-orange: #f97316 !important;
  --color-danger: #ef4444 !important;
  --color-danger-light: #f87171 !important;
  
  --border: #e2e8f0 !important;
  --border-primary: #e2e8f0 !important;
  --border-subtle: #f1f5f9 !important;
  --border-focus: #7c3aed !important;
}

/* Override fonts to WEVAL signature */
body, html {
  background: #fafbff !important;
  color: #1e293b !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, sans-serif !important;
}

/* Headers serif elegance */
h1, h2, h3, .title, .heading {
  font-family: 'Instrument Serif', Georgia, serif !important;
  color: #1e293b !important;
}

/* Cards white minimal */
.card, [class*="card"] {
  background: #fff !important;
  border: 1px solid #e2e8f0 !important;
  color: #1e293b !important;
}

/* Tab buttons */
.tab-btn, [role="tab"] {
  color: #64748b !important;
}
.tab-btn:hover {
  color: #7c3aed !important;
}
.tab-btn.active, [role="tab"][aria-selected="true"] {
  color: #7c3aed !important;
  border-bottom-color: #7c3aed !important;
}

/* Buttons */
button[class*="primary"], .btn-primary, .btn-accent {
  background: #7c3aed !important;
  color: #fff !important;
  border: none !important;
}
button[class*="primary"]:hover, .btn-primary:hover {
  background: #6d28d9 !important;
}

/* Stats / KPI numbers */
.stat-value, .number, .kpi-value, [class*="stat"] strong {
  color: #1e293b !important;
  font-family: 'JetBrains Mono', ui-monospace, monospace !important;
}

/* Tables */
table {
  background: #fff !important;
}
th {
  background: #f8f9fc !important;
  color: #475569 !important;
}
td {
  color: #1e293b !important;
  border-color: #e2e8f0 !important;
}

/* Header logo area */
header, .header {
  background: #fff !important;
  border-bottom: 1px solid #e2e8f0 !important;
}

/* Logos accent */
.logo, [class*="logo"] {
  filter: hue-rotate(220deg) !important; /* shift blue to violet */
}

/* Charts (keep colors but bg light) */
.chart, canvas {
  background: #fff !important;
}

/* Sidebar */
.sidebar, aside {
  background: #fafbff !important;
  border-right: 1px solid #e2e8f0 !important;
}

/* Status badges */
.badge-live, .live-badge {
  background: rgba(124, 58, 237, 0.1) !important;
  color: #7c3aed !important;
}
.badge-success, .badge-ok {
  background: rgba(16, 185, 129, 0.1) !important;
  color: #059669 !important;
}

/* Brand */
.brand, [class*="brand"] {
  color: #7c3aed !important;
}