/**
 * BugTracker design tokens — aligned with designs/assets/ui-system.css
 * and BUGTRACKER_PRODUCTION_UI_SPEC.md
 */

.teamwork-ui {
  --bg-app: #eef2ff;
  --bg-surface: #ffffff;
  --bg-surface-muted: #fbfcff;
  --bg-hover: #f3f4f6;
  --bg-header: rgba(255, 255, 255, 0.94);

  --border-subtle: #e3e7f2;
  --border-strong: #d1d5db;

  --text-primary: #101828;
  --text-secondary: #667085;
  --text-muted: #98a2b3;

  --accent: #6d5dfc;
  --accent-hover: #5b4de0;
  --accent-soft: #eef0ff;

  --success: #16a34a;
  --success-soft: #e9f8ef;
  --warning: #f59e0b;
  --warning-soft: #fff7df;
  --danger: #ef4444;
  --danger-soft: #fff0f0;
  --info: #2f80ed;
  --info-soft: #eaf3ff;

  --font-sans: "Poppins", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --font-xs: 11px;
  --font-sm: 12px;
  --font-base: 13px;
  --font-md: 14px;
  --font-lg: 18px;
  --font-xl: 22px;
  --font-2xl: 26px;

  --radius-sm: 8px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 18px;

  --shadow-sm: 0 8px 24px rgba(31, 41, 55, 0.08);
  --shadow-md: 0 18px 45px rgba(31, 41, 55, 0.11);
  --shadow-lg: 0 18px 45px rgba(31, 41, 55, 0.14);

  --app-header-height: 64px;
  --sidebar-rail-width: 54px;
  --sidebar-tree-width: 206px;
  --sidebar-width: 260px;
  --sidebar-width-collapsed: 54px;

  --tw-bg: var(--bg-app);
  --tw-surface: var(--bg-surface);
  --tw-border: var(--border-subtle);
  --tw-text: var(--text-primary);
  --tw-muted: var(--text-secondary);
  --tw-primary: var(--accent);
  --tw-primary-soft: var(--accent-soft);

  font-family: var(--font-sans);
  font-size: var(--font-base);
  color: var(--text-primary);

  --bs-body-bg: var(--bg-app);
  --bs-body-color: var(--text-primary);
  --bs-font-sans-serif: var(--font-sans);
  --bs-body-font-family: var(--font-sans);
  --bs-border-color: var(--border-subtle);
  --bs-primary: var(--accent);
  --bs-primary-rgb: 109, 93, 252;
  --bs-link-color: var(--accent);
  --bs-link-hover-color: var(--accent-hover);
}

.teamwork-ui[data-bs-theme="dark"],
[data-bs-theme="dark"] .teamwork-ui {
  --bg-app: #0b1020;
  --bg-surface: #111827;
  --bg-surface-muted: #0f172a;
  --bg-hover: #1f2937;
  --bg-header: #0f172a;

  --border-subtle: #253044;
  --border-strong: #374151;

  --text-primary: #f9fafb;
  --text-secondary: #9ca3af;
  --text-muted: #6b7280;

  --accent: #8b7cff;
  --accent-hover: #6d5dfc;
  --accent-soft: rgba(109, 93, 252, 0.18);

  --success: #22c55e;
  --success-soft: rgba(34, 197, 94, 0.14);
  --warning: #fbbf24;
  --warning-soft: rgba(251, 191, 36, 0.14);
  --danger: #f87171;
  --danger-soft: rgba(248, 113, 113, 0.14);
  --info: #38bdf8;
  --info-soft: rgba(56, 189, 248, 0.14);

  --shadow-sm: 0 1px 0 rgba(0, 0, 0, 0.2);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.25);
  --shadow-lg: 0 12px 28px rgba(0, 0, 0, 0.35);

  --tw-bg: var(--bg-app);
  --tw-surface: var(--bg-surface);
  --tw-border: var(--border-subtle);
  --tw-text: var(--text-primary);
  --tw-muted: var(--text-secondary);
  --tw-primary: var(--accent);
  --tw-primary-soft: var(--accent-soft);

  --bs-body-bg: var(--bg-app);
  --bs-body-color: var(--text-primary);
  --bs-border-color: var(--border-subtle);
  --bs-primary: var(--accent);
  --bs-primary-rgb: 139, 124, 255;
}