/* ===== Design Tokens (Win11 / Fluent-lite) ===== */
:root{
  --bg: #f6f7f9;
  --surface: #ffffff;
  --surface-2: #fbfbfc;
  --text: #111827;
  --muted: #6b7280;
  --border: rgba(15,23,42,.10);
  --border-strong: rgba(15,23,42,.16);
  --primary:#0f6cbd;
  --primary-hover:#115ea3;
  --danger:#dc2626;
  --danger-hover:#b91c1c;
  --success:#16a34a;
  --success-hover:#15803d;

  --radius: 12px;
  --radius-sm: 10px;
  --shadow-sm: 0 1px 0 rgba(15,23,42,.04), 0 8px 24px rgba(15,23,42,.06);
  --shadow-md: 0 2px 0 rgba(15,23,42,.05), 0 16px 48px rgba(15,23,42,.10);

  --space-1: 8px;
  --space-2: 12px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 32px;

  --font: "Segoe UI Variable","Segoe UI",system-ui,-apple-system,sans-serif;
}