/* ============================================================
   SMART4 THEME — Design Tokens
   Palette 100% niveaux de gris + micro-teinte bleu-ardoise
   Couleurs reservees uniquement aux statuts (succes/erreur/alerte)
   ============================================================ */

/* --- Typographie & base --- */
:root {
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-heading: var(--font-body);
  --font-mono: 'SF Mono', 'Fira Code', 'Consolas', monospace;
}

/* --- Reset minimal --- */
* { box-sizing: border-box; margin: 0; padding: 0; }

body {
  font-family: var(--font-body);
  background: var(--bg-body);
  color: var(--text-primary);
  min-height: 100vh;
  -webkit-font-smoothing: antialiased;
}


/* ============================================================
   THEME LIGHT
   Fond gris tres clair, couches subtiles, accent bleu-ardoise
   ============================================================ */

.theme-smart4-light {
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-heading: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --bg-body: #f4f4f5;
  --bg-card: #fafafa;
  --bg-card-alt: #f0f0f1;
  --bg-input: #fefefe;
  --text-primary: #1a1a1e;
  --text-secondary: #6b6b73;
  --text-muted: #9c9ca5;
  --text-on-accent: #fafafa;
  --accent: #4a4a52;
  --accent-hover: #38383f;
  --accent-light: #ededef;
  --accent-secondary: #6b6b73;
  --border: #e4e4e7;
  --border-hover: #d4d4d8;
  --input-border: #dcdce0;
  --input-focus: #4a4a52;
  --input-focus-shadow: rgba(74, 74, 82, 0.1);
  --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.04);
  --shadow-card-hover: 0 2px 8px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.04);
  --shadow-inset: none;
  --radius: 10px;
  --radius-sm: 6px;
  --radius-input: 6px;
  --nav-bg: #fafafa;
  --nav-text: #9c9ca5;
  --nav-active-bg: #ededef;
  --nav-active-text: #1a1a1e;
  --nav-hover-text: #1a1a1e;
  --nav-border: #e4e4e7;
  --btn-primary-bg: #2c2c31;
  --btn-primary-hover: #3d3d43;
  --btn-primary-text: #f4f4f5;
  --btn-secondary-bg: transparent;
  --btn-secondary-border: #e4e4e7;
  --btn-secondary-text: #6b6b73;
  --btn-shadow: none;
  --btn-shadow-active: none;
  --badge-bg: #2c2c31;
  --badge-text: #f4f4f5;
  --success: #16a34a;
  --success-light: rgba(22, 163, 74, 0.08);
  --warning: #ca8a04;
  --warning-light: rgba(202, 138, 4, 0.08);
  --error: #dc2626;
  --error-light: rgba(220, 38, 38, 0.08);
  --toast-success: #16a34a;
  --toast-error: #dc2626;
  --btn-success-bg: #7a9988;
  --btn-success-hover: #16a34a;
  --btn-success-text: #1a1a1e;
  --btn-success-hover-text: #ffffff;
  --btn-danger-bg: #996161;
  --btn-danger-hover: #dc2626;
  --btn-danger-text: #faf0f0;
  --btn-danger-hover-text: #ffffff;
  --link-color: #4a4a52;
  --link-hover: #1a1a1e;
  --summary-bg: #f0f0f1;
  --summary-total-color: #1a1a1e;
  --trade-active-bg: #f0f0f1;
  --trade-active-border: #4a4a52;
  --table-header-bg: #f0f0f1;
  --table-border: #ededef;
  --scrollbar-track: #f4f4f5;
  --scrollbar-thumb: #d4d4d8;
  --dropdown-bg: #fafafa;
  --dropdown-border: #e4e4e7;
  --dropdown-shadow: 0 4px 16px rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(0, 0, 0, 0.04);
  --dropdown-hover-bg: #ededef;
}


/* ============================================================
   THEME DARK
   Fond gris tres fonce, couches subtiles, accent bleu-ardoise clair
   ============================================================ */

.theme-smart4-dark {
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-heading: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --bg-body: #161618;
  --bg-card: #1c1c1e;
  --bg-card-alt: #232326;
  --bg-input: #28282c;
  --text-primary: #e4e4e7;
  --text-secondary: #a0a0ab;
  --text-muted: #63636e;
  --text-on-accent: #161618;
  --accent: #a0a0ab;
  --accent-hover: #c0c0c8;
  --accent-light: rgba(160, 160, 171, 0.08);
  --accent-secondary: #83838e;
  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.14);
  --input-border: rgba(255, 255, 255, 0.1);
  --input-focus: #a0a0ab;
  --input-focus-shadow: rgba(160, 160, 171, 0.15);
  --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.03);
  --shadow-card-hover: 0 4px 12px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.05);
  --shadow-inset: none;
  --radius: 10px;
  --radius-sm: 6px;
  --radius-input: 6px;
  --nav-bg: #1c1c1e;
  --nav-text: #63636e;
  --nav-active-bg: rgba(160, 160, 171, 0.1);
  --nav-active-text: #e4e4e7;
  --nav-hover-text: #e4e4e7;
  --nav-border: rgba(255, 255, 255, 0.06);
  --btn-primary-bg: #e4e4e7;
  --btn-primary-hover: #d0d0d5;
  --btn-primary-text: #161618;
  --btn-secondary-bg: transparent;
  --btn-secondary-border: rgba(255, 255, 255, 0.1);
  --btn-secondary-text: #a0a0ab;
  --btn-shadow: none;
  --btn-shadow-active: none;
  --badge-bg: #e4e4e7;
  --badge-text: #161618;
  --success: #22c55e;
  --success-light: rgba(34, 197, 94, 0.1);
  --warning: #f59e0b;
  --warning-light: rgba(245, 158, 11, 0.1);
  --error: #ef4444;
  --error-light: rgba(239, 68, 68, 0.1);
  --toast-success: #22c55e;
  --toast-error: #ef4444;
  --btn-success-bg: #7a9988;
  --btn-success-hover: #22c55e;
  --btn-success-text: #161618;
  --btn-success-hover-text: #ffffff;
  --btn-danger-bg: #c08080;
  --btn-danger-hover: #ef4444;
  --btn-danger-text: #161618;
  --btn-danger-hover-text: #ffffff;
  --link-color: #a0a0ab;
  --link-hover: #e4e4e7;
  --summary-bg: #232326;
  --summary-total-color: #e4e4e7;
  --trade-active-bg: rgba(160, 160, 171, 0.06);
  --trade-active-border: #a0a0ab;
  --table-header-bg: rgba(255, 255, 255, 0.03);
  --table-border: rgba(255, 255, 255, 0.05);
  --scrollbar-track: #161618;
  --scrollbar-thumb: rgba(255, 255, 255, 0.1);
  --dropdown-bg: #232326;
  --dropdown-border: rgba(255, 255, 255, 0.08);
  --dropdown-shadow: 0 4px 20px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.05);
  --dropdown-hover-bg: rgba(255, 255, 255, 0.06);
}