/* 1 — FLAT DESIGN : aplats, ombres nulles, dégradés interdits.
   La hiérarchie vient de la couleur pleine et du contraste, jamais du relief. */

[data-style="flat"] {
  --bg: #EDEEF2;
  --surface: #FFFFFF;
  --ink: #16171C;
  --ink-soft: #5D6170;
  --accent: #2447F0;
  --accent-2: #FF4B1F;
  --line: #E1E2E9;
  --radius: 12px;
  --shadow: none;
}

[data-style="flat"] .brand-dot { border-radius: 4px; }

[data-style="flat"] .card:hover,
[data-style="flat"] .card {
  box-shadow: none;
  transform: none;
}
[data-style="flat"] .card:hover {
  background: #E7EAFF;
  border-color: #E7EAFF;
}
[data-style="flat"] .card:hover h3 { color: var(--accent); }

[data-style="flat"] .btn:hover { background: var(--ink); transform: none; }
[data-style="flat"] .btn-ghost:hover { background: var(--ink); color: #fff; border-color: var(--ink); }

[data-style="flat"] .tag {
  background: #EDEEF2;
  border-color: #EDEEF2;
  border-radius: 6px;
  color: var(--ink);
}

[data-style="flat"] .band { background: var(--accent-2); border-radius: 12px; }

[data-style="flat"] .specimen { box-shadow: none; }
[data-style="flat"] .specimen-bar { background: var(--ink); color: #fff; border-bottom-color: var(--ink); }
[data-style="flat"] .specimen-bar span:last-child { color: #9AA0AE; }

[data-style="flat"] .inspector { box-shadow: none; border-radius: 10px; }

[data-style="flat"] .dock {
  border-radius: 14px;
  box-shadow: none;
  background: var(--surface);
}
[data-style="flat"] .dock button { border-radius: 8px; }
[data-style="flat"] .dock button:hover { background: #E7EAFF; color: var(--accent); }
[data-style="flat"] .dock button[aria-pressed="true"] { background: var(--accent); border-color: var(--accent); }

[data-style="flat"] .step:hover { box-shadow: none; }
[data-style="flat"] .reasons div { border-top-color: var(--accent); border-top-width: 3px; }