/* tokens.css — Brain Center shared design tokens
 * Source-of-truth for all 3 Flask apps (Support Center :5570, Brain Center :5571,
 * Support Center :5572). Variables only — never overrides existing styles
 * unless a project rule explicitly references `var(--brain_center-*)`.
 *
 * Philosophie Apple/Steve Jobs : palette unifiée, espacement régulier,
 * transitions cohérentes. Les tokens préfixés `--brain_center-` ne collisionnent
 * jamais avec les variables existantes des projets.
 */

:root {
  /* Couleurs — fonds */
  --brain_center-color-bg-primary: #0a0d12;
  --brain_center-color-bg-card: #161b22;
  --brain_center-color-bg-card-hover: #21262d;
  --brain_center-color-border: #30363d;

  /* Couleurs — texte */
  --brain_center-color-text-primary: #c9d1d9;
  --brain_center-color-text-secondary: #8b949e;
  --brain_center-color-text-muted: #6e7681;

  /* Accents */
  --brain_center-color-accent-blue: #1f6feb;
  --brain_center-color-success: #56d364;
  --brain_center-color-danger: #f85149;
  --brain_center-color-warning: #d29922;
  --brain_center-color-purple: #a78bfa;

  /* Spacing — base 4px (Apple HIG-ish) */
  --brain_center-space-1: 4px;
  --brain_center-space-2: 8px;
  --brain_center-space-3: 12px;
  --brain_center-space-4: 16px;
  --brain_center-space-6: 24px;
  --brain_center-space-8: 32px;

  /* Radius */
  --brain_center-radius-sm: 6px;
  --brain_center-radius-md: 8px;
  --brain_center-radius-lg: 12px;

  /* Shadows */
  --brain_center-shadow-card: 0 4px 12px rgba(0, 0, 0, 0.3);
  --brain_center-shadow-modal: 0 12px 40px rgba(0, 0, 0, 0.6);

  /* Typo */
  --brain_center-font-base: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --brain_center-font-mono: 'SF Mono', Monaco, Consolas, monospace;

  /* Motion */
  --brain_center-ease: cubic-bezier(.4, 0, .2, 1);
  --brain_center-duration: 150ms;
}

/* ─── Light theme tokens (User 2026-04-30) ──────────────────────────────────
   Couvre les `var(--brain_center-*)` utilisés dans les inline styles HTML.
   Fond clair GitHub-ish, accents conservés (blue #1f6feb fonctionne en light).
   Cascade automatique : aucun changement HTML/JS requis.                     */
:root[data-theme="light"] {
  --brain_center-color-bg-primary: #ffffff;
  --brain_center-color-bg-card: #f6f8fa;
  --brain_center-color-bg-card-hover: #eaeef2;
  --brain_center-color-border: #d0d7de;

  --brain_center-color-text-primary: #1f2328;
  --brain_center-color-text-secondary: #57606a;
  --brain_center-color-text-muted: #8c959f;

  --brain_center-color-accent-blue: #0969da;
  --brain_center-color-success: #1a7f37;
  --brain_center-color-danger: #cf222e;
  --brain_center-color-warning: #9a6700;
  --brain_center-color-purple: #6f42c1;

  --brain_center-shadow-card: 0 4px 12px rgba(31, 35, 40, 0.10);
  --brain_center-shadow-modal: 0 12px 40px rgba(31, 35, 40, 0.20);
}