/**
 * AssetHub color themes
 * Edit values here, or pick a preset in the app (top bar → Theme).
 */

:root,
[data-theme="indigo"] {
  --bg-app: #0f1117;
  --bg-sidebar: #13161f;
  --bg-sidebar-hover: #1c2130;
  --bg-topbar: #161a24;
  --bg-main: #0f1117;
  --bg-panel: #181c27;
  --bg-elevated: #1e2433;

  --border-subtle: rgba(255, 255, 255, 0.06);
  --border-default: rgba(255, 255, 255, 0.1);

  --text-primary: #f1f3f9;
  --text-secondary: #9aa3b8;
  --text-muted: #6b7289;

  --accent: #6366f1;
  --accent-hover: #5558e3;
  --accent-secondary: #8b5cf6;
  --accent-rgb: 99, 102, 241;
  --accent-secondary-rgb: 139, 92, 246;
  --accent-light: #a5b4fc;
  --accent-lighter: #c7d2fe;
  --accent-muted: rgba(99, 102, 241, 0.15);
  --accent-border: rgba(99, 102, 241, 0.35);
  --accent-focus: rgba(99, 102, 241, 0.25);
  --accent-subtle-bg: rgba(99, 102, 241, 0.1);
  --accent-overlay: rgba(15, 17, 23, 0.72);
  --accent-overlay-heavy: rgba(15, 17, 23, 0.85);
  --on-accent: #ffffff;
  --scrim: rgba(0, 0, 0, 0.65);

  --success-bg: rgba(16, 185, 129, 0.15);
  --success-text: #6ee7b7;
  --warning-bg: rgba(245, 158, 11, 0.15);
  --warning-text: #fcd34d;
  --danger-bg: rgba(239, 68, 68, 0.15);
  --danger-text: #fca5a5;
  --info-bg: rgba(59, 130, 246, 0.15);
  --info-text: #93c5fd;
  --pink-bg: rgba(236, 72, 153, 0.15);
  --pink-text: #f9a8d4;
  --purple-bg: rgba(139, 92, 246, 0.15);
  --purple-text: #c4b5fd;
  --neutral-bg: rgba(107, 114, 137, 0.2);
  --neutral-text: #9aa3b8;

  --kpi-1: #6366f1;
  --kpi-2: #ec4899;
  --kpi-3: #f59e0b;
  --kpi-4: #10b981;
}

[data-theme="ocean"] {
  --bg-app: #0a1014;
  --bg-sidebar: #0d1519;
  --bg-sidebar-hover: #152028;
  --bg-topbar: #0f181d;
  --bg-main: #0a1014;
  --bg-panel: #121c22;
  --bg-elevated: #18242c;

  --accent: #14b8a6;
  --accent-hover: #0d9488;
  --accent-secondary: #0891b2;
  --accent-rgb: 20, 184, 166;
  --accent-secondary-rgb: 8, 145, 178;
  --accent-light: #5eead4;
  --accent-lighter: #99f6e4;
  --accent-muted: rgba(20, 184, 166, 0.15);
  --accent-border: rgba(20, 184, 166, 0.35);
  --accent-focus: rgba(20, 184, 166, 0.25);
  --accent-subtle-bg: rgba(20, 184, 166, 0.1);
  --accent-overlay: rgba(10, 16, 20, 0.72);
  --accent-overlay-heavy: rgba(10, 16, 20, 0.85);

  --kpi-1: #14b8a6;
  --kpi-2: #06b6d4;
  --kpi-3: #3b82f6;
  --kpi-4: #22d3ee;
}

[data-theme="sunset"] {
  --bg-app: #120e0c;
  --bg-sidebar: #181210;
  --bg-sidebar-hover: #241c18;
  --bg-topbar: #1a1410;
  --bg-main: #120e0c;
  --bg-panel: #201816;
  --bg-elevated: #2a201c;

  --accent: #f97316;
  --accent-hover: #ea580c;
  --accent-secondary: #ef4444;
  --accent-rgb: 249, 115, 22;
  --accent-secondary-rgb: 239, 68, 68;
  --accent-light: #fdba74;
  --accent-lighter: #fed7aa;
  --accent-muted: rgba(249, 115, 22, 0.15);
  --accent-border: rgba(249, 115, 22, 0.35);
  --accent-focus: rgba(249, 115, 22, 0.25);
  --accent-subtle-bg: rgba(249, 115, 22, 0.1);
  --accent-overlay: rgba(18, 14, 12, 0.72);
  --accent-overlay-heavy: rgba(18, 14, 12, 0.85);

  --kpi-1: #f97316;
  --kpi-2: #ef4444;
  --kpi-3: #eab308;
  --kpi-4: #f43f5e;
}

[data-theme="forest"] {
  --bg-app: #0c100e;
  --bg-sidebar: #101614;
  --bg-sidebar-hover: #18201c;
  --bg-topbar: #121a16;
  --bg-main: #0c100e;
  --bg-panel: #161e1a;
  --bg-elevated: #1c2822;

  --accent: #22c55e;
  --accent-hover: #16a34a;
  --accent-secondary: #84cc16;
  --accent-rgb: 34, 197, 94;
  --accent-secondary-rgb: 132, 204, 22;
  --accent-light: #86efac;
  --accent-lighter: #bbf7d0;
  --accent-muted: rgba(34, 197, 94, 0.15);
  --accent-border: rgba(34, 197, 94, 0.35);
  --accent-focus: rgba(34, 197, 94, 0.25);
  --accent-subtle-bg: rgba(34, 197, 94, 0.1);
  --accent-overlay: rgba(12, 16, 14, 0.72);
  --accent-overlay-heavy: rgba(12, 16, 14, 0.85);

  --kpi-1: #22c55e;
  --kpi-2: #84cc16;
  --kpi-3: #10b981;
  --kpi-4: #14b8a6;
}

[data-theme="rose"] {
  --bg-app: #100c10;
  --bg-sidebar: #161016;
  --bg-sidebar-hover: #201820;
  --bg-topbar: #1a141a;
  --bg-main: #100c10;
  --bg-panel: #1e161e;
  --bg-elevated: #281e28;

  --accent: #ec4899;
  --accent-hover: #db2777;
  --accent-secondary: #a855f7;
  --accent-rgb: 236, 72, 153;
  --accent-secondary-rgb: 168, 85, 247;
  --accent-light: #f9a8d4;
  --accent-lighter: #fbcfe8;
  --accent-muted: rgba(236, 72, 153, 0.15);
  --accent-border: rgba(236, 72, 153, 0.35);
  --accent-focus: rgba(236, 72, 153, 0.25);
  --accent-subtle-bg: rgba(236, 72, 153, 0.1);
  --accent-overlay: rgba(16, 12, 16, 0.72);
  --accent-overlay-heavy: rgba(16, 12, 16, 0.85);

  --kpi-1: #ec4899;
  --kpi-2: #a855f7;
  --kpi-3: #f472b6;
  --kpi-4: #c084fc;
}

[data-theme="light"] {
  --bg-app: #f3f5f9;
  --bg-sidebar: #ffffff;
  --bg-sidebar-hover: #eef1f7;
  --bg-topbar: #ffffff;
  --bg-main: #f3f5f9;
  --bg-panel: #ffffff;
  --bg-elevated: #e8ecf4;

  --border-subtle: rgba(15, 23, 42, 0.08);
  --border-default: rgba(15, 23, 42, 0.14);

  --text-primary: #0f172a;
  --text-secondary: #475569;
  --text-muted: #64748b;

  --accent: #2563eb;
  --accent-hover: #1d4ed8;
  --accent-secondary: #7c3aed;
  --accent-rgb: 37, 99, 235;
  --accent-secondary-rgb: 124, 58, 237;
  --accent-light: #3b82f6;
  --accent-lighter: #60a5fa;
  --accent-muted: rgba(37, 99, 235, 0.12);
  --accent-border: rgba(37, 99, 235, 0.28);
  --accent-focus: rgba(37, 99, 235, 0.2);
  --accent-subtle-bg: rgba(37, 99, 235, 0.08);
  --accent-overlay: rgba(255, 255, 255, 0.85);
  --accent-overlay-heavy: rgba(255, 255, 255, 0.92);
  --on-accent: #ffffff;
  --scrim: rgba(15, 23, 42, 0.45);

  --success-bg: rgba(16, 185, 129, 0.12);
  --success-text: #059669;
  --warning-bg: rgba(245, 158, 11, 0.12);
  --warning-text: #d97706;
  --danger-bg: rgba(239, 68, 68, 0.12);
  --danger-text: #dc2626;
  --info-bg: rgba(59, 130, 246, 0.12);
  --info-text: #2563eb;
  --pink-bg: rgba(236, 72, 153, 0.12);
  --pink-text: #db2777;
  --purple-bg: rgba(139, 92, 246, 0.12);
  --purple-text: #7c3aed;
  --neutral-bg: rgba(100, 116, 139, 0.12);
  --neutral-text: #64748b;

  --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06);
  --shadow-md: 0 4px 16px rgba(15, 23, 42, 0.1);
}