/*
 * builders-tokens.css — Variables CSS partagées des outils interactifs (builders).
 *
 * Chargé globalement par mc_enqueue_tool_assets() (functions.php) pour tous les
 * outils. Ne contient QUE des custom properties préfixées --mc-tool-* : aucune
 * règle de classe, donc aucun risque de collision avec d'autres feuilles.
 *
 * Source de vérité pour les couleurs et valeurs récurrentes des CSS outils
 * (scratch / variation / sign / curve / probability-tree).
 */
:root {
    /* Palette neutre (slate) */
    --mc-tool-surface: #ffffff;         /* fond des cartes et des champs */
    --mc-tool-table-line: #000000;      /* lignes des tableaux simulés (aperçu « papier ») */
    --mc-tool-border: #e2e8f0;          /* slate-200 */
    --mc-tool-border-strong: #cbd5e1;   /* slate-300 */
    --mc-tool-surface-muted: #f1f5f9;   /* slate-100 */
    --mc-tool-surface-alt: #f8fafc;     /* slate-50  */
    --mc-tool-text-muted: #94a3b8;      /* slate-400 */
    --mc-tool-text-soft: #64748b;       /* slate-500 */
    --mc-tool-text-strong: #475569;     /* slate-600 */
    --mc-tool-text: #334155;            /* slate-700 */
    --mc-tool-text-dark: #1e293b;       /* slate-800 */

    /* Accent (blue) */
    --mc-tool-accent: #3b82f6;          /* blue-500 */
    --mc-tool-accent-strong: #2563eb;   /* blue-600 */
    --mc-tool-accent-bg: #eff6ff;       /* blue-50  */

    /* Primaire / succès / danger */
    --mc-tool-primary: #0d9488;         /* teal-600    */
    --mc-tool-success: #10b981;         /* emerald-500 */
    --mc-tool-success-strong: #059669;  /* emerald-600 */
    --mc-tool-danger: #ef4444;          /* red-500 */
    --mc-tool-danger-strong: #dc2626;   /* red-600 */

    /* Rayons et autres valeurs récurrentes */
    --mc-tool-radius-sm: 4px;
    --mc-tool-radius: 6px;
    --mc-tool-radius-lg: 8px;
    --mc-tool-transition-fast: 0.15s;
    --mc-tool-transition: 0.2s;
    --mc-tool-gap-sm: 0.5rem;
    --mc-tool-gap: 1rem;
}

/*
 * Mode sombre — on ne remappe QUE les custom properties (héritées par tout le
 * sous-arbre des outils). Tout CSS d'outil qui consomme var(--mc-tool-*) bascule
 * donc automatiquement, sans règle de classe ici (intention du fichier préservée).
 *
 * Les outils « tableaux / arbre / courbe » sont 100 % pilotés par ces tokens :
 * cartes (--mc-tool-surface), bordures, surfaces et textes basculent d'un bloc.
 * L'éditeur Scratch, lui, reproduit l'UI claire et colorée de Scratch (substrats
 * clairs + texte via tokens) : il est ré-isolé en clair dans scratch-builder.css
 * (sélecteurs #scratch-editor-app et .sc-popover) pour ne pas casser son rendu.
 */
body.mode-sombre {
    --mc-tool-surface: #22304a;         /* = thème --color-bg-surface (carte) */
    --mc-tool-table-line: #64748b;      /* lignes lisibles sur fond sombre (slate-500) */
    --mc-tool-border: #3a4a63;          /* visible sur la surface sombre */
    --mc-tool-border-strong: #4a5d7a;
    --mc-tool-surface-muted: #334155;   /* slate-700 — hover / panneaux atténués */
    --mc-tool-surface-alt: #1b2740;     /* puits / champs, plus sombre que la carte */
    --mc-tool-text-muted: #94a3b8;      /* slate-400 */
    --mc-tool-text-soft: #cbd5e1;       /* slate-300 */
    --mc-tool-text-strong: #e2e8f0;     /* slate-200 */
    --mc-tool-text: #e5e7eb;            /* gray-200 */
    --mc-tool-text-dark: #f1f5f9;       /* slate-100 — texte « fort » clair */
    --mc-tool-accent: #60a5fa;          /* blue-400 — plus visible sur sombre */
    --mc-tool-accent-strong: #3b82f6;   /* blue-500 */
    --mc-tool-accent-bg: #1e3a5f;       /* bleu sombre pour fills / is-root */
    /* primary / success / danger restent inchangés : déjà lisibles sur sombre. */
}