/* ==========================================================================
   panel-tokens.css — tokens du panel, copiés de theme-flat.css (sections 1 et 2) et
   fixes-batch1.css (§21 fond du thème par défaut, §22 texte atténué, §23 boutons sur thèmes sombres).
   Remplace themes.css pour les pages publiques. À régénérer si theme-flat.css change.
   Principe du panel : bichrome et plat. Chaque thème = --t-bg (fond) + --t-fg (texte ET accent).
   Surfaces, bordures, boutons : mélanges de ces 2 couleurs. Ni ombres, ni verre.
   ========================================================================== */

/* ---- 1. Les 2 couleurs de chaque thème ---- */
:root { --t-bg: #f6f8fc; --t-fg: #1d3f74; }
:root[data-theme="light"] { --t-bg: #f6f8fc; --t-fg: #1d3f74; }
:root[data-theme="dark"] { --t-bg: #111318; --t-fg: #e6e9ef; }
:root[data-theme="violet"] { --t-bg: #f4f0fe; --t-fg: #4c1d95; }
:root[data-theme="forest"] { --t-bg: #eff5ed; --t-fg: #14532d; }
:root[data-theme="sunset"] { --t-bg: #fdf3e3; --t-fg: #9a3412; }
:root[data-theme="rose"] { --t-bg: #fdf0f6; --t-fg: #9f1239; }
:root[data-theme="ocean"] { --t-bg: #eef8fe; --t-fg: #075985; }
:root[data-theme="mono"] { --t-bg: #fafafa; --t-fg: #09090b; }
:root[data-theme="midnight"] { --t-bg: #0b0b1c; --t-fg: #d8d4f5; }
:root[data-theme="ember"] { --t-bg: #1c0e06; --t-fg: #fdba74; }
:root[data-theme="arctic"] { --t-bg: #f0f6fc; --t-fg: #0a2540; }
:root[data-theme="sakura"] { --t-bg: #fef1f7; --t-fg: #831843; }
:root[data-theme="obsidian"] { --t-bg: #0a0a0b; --t-fg: #e4e4e7; }
:root[data-theme="sand"] { --t-bg: #f7f0dc; --t-fg: #3d2a00; }
:root[data-theme="neon"] { --t-bg: #06060c; --t-fg: #00ff88; }
:root[data-theme="coffee"] { --t-bg: #f1e8dc; --t-fg: #4a2a08; }
:root[data-theme="aurora"] { --t-bg: #071410; --t-fg: #6ee7b7; }
:root[data-theme="lavender"] { --t-bg: #f5f1ff; --t-fg: #3b1a8f; }
:root[data-theme="light"] { color-scheme: light; }
:root[data-theme="dark"] { color-scheme: dark; }
:root[data-theme="violet"] { color-scheme: light; }
:root[data-theme="forest"] { color-scheme: light; }
:root[data-theme="sunset"] { color-scheme: light; }
:root[data-theme="rose"] { color-scheme: light; }
:root[data-theme="ocean"] { color-scheme: light; }
:root[data-theme="mono"] { color-scheme: light; }
:root[data-theme="midnight"] { color-scheme: dark; }
:root[data-theme="ember"] { color-scheme: dark; }
:root[data-theme="arctic"] { color-scheme: light; }
:root[data-theme="sakura"] { color-scheme: light; }
:root[data-theme="obsidian"] { color-scheme: dark; }
:root[data-theme="sand"] { color-scheme: light; }
:root[data-theme="neon"] { color-scheme: dark; }
:root[data-theme="coffee"] { color-scheme: light; }
:root[data-theme="aurora"] { color-scheme: dark; }
:root[data-theme="lavender"] { color-scheme: light; }

/* ---- 2. Tout le reste est dérivé de ces 2 couleurs ---- */
:root, :root[data-theme] {
  --bg: var(--t-bg);
  --text: var(--t-fg);
  --important: var(--t-fg);
  --surface: var(--t-bg);
  --surface-solid: var(--t-bg);
  --surface-2: color-mix(in srgb, var(--t-fg) 5%, var(--t-bg));
  --secondary: color-mix(in srgb, var(--t-fg) 6%, var(--t-bg));
  --sidebar: color-mix(in srgb, var(--t-fg) 3%, var(--t-bg));
  --border: color-mix(in srgb, var(--t-fg) 24%, var(--t-bg));
  --border-subtle: color-mix(in srgb, var(--t-fg) 15%, var(--t-bg));
  --muted: color-mix(in srgb, var(--t-fg) 58%, var(--t-bg));
  --primary-soft: color-mix(in srgb, var(--t-fg) 10%, var(--t-bg));
  --tint-hover: color-mix(in srgb, var(--t-fg) 7%, transparent);
  --ai-violet: var(--t-fg);
  --ai-cyan-l: var(--t-fg);

  /* Anciennement personnalisables : verrouillés */
  --primary: var(--t-fg) !important;
  --ai-cyan: var(--t-fg) !important;
  --radius: 8px !important;
  --radius-lg: 10px !important;
  --radius-sm: 8px !important;
  --radius-xs: 4px !important;
  --radius-pill-dynamic: 10px !important;
  --workspace-control-radius: 10px;
  --workspace-panel-radius: 12px;
  --workspace-brand-strong: color-mix(in srgb, var(--t-fg) 85%, var(--t-bg));
  --ds-color-primary-strong: color-mix(in srgb, var(--t-fg) 85%, var(--t-bg));
  --ds-color-on-primary: var(--t-bg);
  --font-body: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif !important;
  --font-ui: var(--font-body) !important;
  --card-pad: 20px !important;

  /* Plus de verre ni d'ombres */
  --glass-bg: var(--t-bg);
  --glass-bg-strong: color-mix(in srgb, var(--t-fg) 6%, var(--t-bg));
  --glass-border: var(--border);
  --glass-blur: none;
  --glass-shadow: none;
  --shadow: none;
  --shadow-hover: none;
  --shadow-card: none;
}

/* Sidebar / barre mobile : même palette que le reste (plus de bloc sombre forcé) */
:root:root:root .sidebar,
:root:root:root .mobile-bottom-bar {
  --glass-bg: var(--t-bg);
  --glass-bg-strong: color-mix(in srgb, var(--t-fg) 6%, var(--t-bg));
  --glass-border: var(--border);
  --glass-blur: none;
  --glass-shadow: none;
  --muted: color-mix(in srgb, var(--t-fg) 58%, var(--t-bg));
  --text: var(--t-fg);
}


/* ---- fixes-batch1 §21 : le thème par défaut est un blanc cassé ---- */
:root:root:not([data-theme]), :root:root[data-theme="light"] { --t-bg: #F5F5F0; }

/* ---- fixes-batch1 §22 : texte atténué plus lisible ---- */
:root:root, :root:root[data-theme] { --muted: color-mix(in srgb, var(--t-fg) 72%, var(--t-bg)); }
:root:root ::placeholder { color: color-mix(in srgb, var(--t-fg) 55%, var(--t-bg)); opacity: 1; }

/* ---- fixes-batch1 §23 : sur thèmes sombres, texte NOIR sur les boutons pleins ---- */
:root { --btn-ink: var(--t-bg); }
:root:root:is([data-theme="dark"], [data-theme="midnight"], [data-theme="ember"], [data-theme="obsidian"], [data-theme="neon"], [data-theme="aurora"]) { --btn-ink: #0a0a0a; }

/* ---- Couleurs sémantiques (seules exceptions du panel) ---- */
:root { --danger: #dc2626; --ai-green: #059669; --font-mono: "Cascadia Code", "SFMono-Regular", Consolas, monospace; }
:root:root:is([data-theme="dark"], [data-theme="midnight"], [data-theme="ember"], [data-theme="obsidian"], [data-theme="neon"], [data-theme="aurora"]) { --ai-green: #2fbf7f; }