/**
 * st-admcore 主題系統
 * 6 種預設主題 - 根據 layout-design.md Issue 5
 */

/* ===== Classic Blue (預設) ===== */
[data-st-admcore-theme="classic-blue"] {
  /* Sidebar */
  --st-admcore-sidebar-bg: #305ba0;
  --st-admcore-sidebar-text: rgba(255, 255, 255, 0.8);
  --st-admcore-sidebar-text-hover: #ffffff;
  --st-admcore-sidebar-text-active: #305ba0;
  --st-admcore-sidebar-item-bg-hover: rgba(255, 255, 255, 0.15);
  --st-admcore-sidebar-item-bg-active: #ffffff;
  --st-admcore-sidebar-divider: rgba(255, 255, 255, 0.1);

  /* Topbar */
  --st-admcore-topbar-bg: #ffffff;
  --st-admcore-topbar-text: #4f5d73;
  --st-admcore-topbar-text-hover: #2c3e50;
  --st-admcore-topbar-border: #e5e7eb;

  /* GlobalTab */
  --st-admcore-tab-bg: transparent;
  --st-admcore-tab-bg-hover: rgba(66, 153, 225, 0.06);
  --st-admcore-tab-bg-active: rgba(66, 153, 225, 0.1);
  --st-admcore-tab-text: rgba(var(--st-admcore-page-title-accent-rgb), 0.5);
  --st-admcore-tab-text-hover: var(--st-admcore-page-title-accent);
  --st-admcore-tab-text-active: var(--st-admcore-page-title-accent);
  --st-admcore-tab-border-active: var(--st-admcore-page-title-accent);

  /* Content */
  --st-admcore-content-bg: #f7fafc;

  /* Page Title */
  --st-admcore-page-title-accent: #4299e1;
  --st-admcore-page-title-accent-rgb: 66, 153, 225;

  /* Bootstrap Primary Override */
  --bs-primary: #4299e1;
  --bs-primary-rgb: 66, 153, 225;
  --bs-link-color: #4299e1;
  --bs-link-color-rgb: 66, 153, 225;

  /* Footer */
  --st-admcore-footer-bg: #ffffff;
  --st-admcore-footer-text: #6b7280;
  --st-admcore-footer-border: #e5e7eb;

  /* Login */
  --login-brand-start: #305ba0;
  --login-brand-end: #1a3568;
  --login-accent: #305ba0;
}

/* ===== Deep Blue ===== */
[data-st-admcore-theme="deep-blue"] {
  /* Sidebar */
  --st-admcore-sidebar-bg: #1e3a5f;
  --st-admcore-sidebar-text: rgba(255, 255, 255, 0.85);
  --st-admcore-sidebar-text-hover: #ffffff;
  --st-admcore-sidebar-text-active: #1e3a5f;
  --st-admcore-sidebar-item-bg-hover: rgba(255, 255, 255, 0.15);
  --st-admcore-sidebar-item-bg-active: #ffffff;
  --st-admcore-sidebar-divider: rgba(255, 255, 255, 0.12);

  /* Topbar */
  --st-admcore-topbar-bg: #ffffff;
  --st-admcore-topbar-text: #1e3a5f;
  --st-admcore-topbar-text-hover: #1e40af;
  --st-admcore-topbar-border: #dbeafe;

  /* GlobalTab */
  --st-admcore-tab-bg: transparent;
  --st-admcore-tab-bg-hover: rgba(59, 130, 246, 0.08);
  --st-admcore-tab-bg-active: rgba(59, 130, 246, 0.12);
  --st-admcore-tab-text: rgba(var(--st-admcore-page-title-accent-rgb), 0.5);
  --st-admcore-tab-text-hover: var(--st-admcore-page-title-accent);
  --st-admcore-tab-text-active: var(--st-admcore-page-title-accent);
  --st-admcore-tab-border-active: var(--st-admcore-page-title-accent);

  /* Content */
  --st-admcore-content-bg: #f0f9ff;

  /* Page Title */
  --st-admcore-page-title-accent: #3b82f6;
  --st-admcore-page-title-accent-rgb: 59, 130, 246;

  /* Bootstrap Primary Override */
  --bs-primary: #3b82f6;
  --bs-primary-rgb: 59, 130, 246;
  --bs-link-color: #3b82f6;
  --bs-link-color-rgb: 59, 130, 246;

  /* Footer */
  --st-admcore-footer-bg: #ffffff;
  --st-admcore-footer-text: #64748b;
  --st-admcore-footer-border: #dbeafe;

  /* Login */
  --login-brand-start: #1e3a5f;
  --login-brand-end: #0f1f38;
  --login-accent: #3b82f6;
}

/* ===== Elegant Purple ===== */
[data-st-admcore-theme="elegant-purple"] {
  /* Sidebar */
  --st-admcore-sidebar-bg: #4a1d6a;
  --st-admcore-sidebar-text: rgba(255, 255, 255, 0.85);
  --st-admcore-sidebar-text-hover: #ffffff;
  --st-admcore-sidebar-text-active: #4a1d6a;
  --st-admcore-sidebar-item-bg-hover: rgba(255, 255, 255, 0.15);
  --st-admcore-sidebar-item-bg-active: #ffffff;
  --st-admcore-sidebar-divider: rgba(255, 255, 255, 0.12);

  /* Topbar */
  --st-admcore-topbar-bg: #ffffff;
  --st-admcore-topbar-text: #4a1d6a;
  --st-admcore-topbar-text-hover: #6b21a8;
  --st-admcore-topbar-border: #f3e8ff;

  /* GlobalTab */
  --st-admcore-tab-bg: transparent;
  --st-admcore-tab-bg-hover: rgba(168, 85, 247, 0.08);
  --st-admcore-tab-bg-active: rgba(168, 85, 247, 0.12);
  --st-admcore-tab-text: rgba(var(--st-admcore-page-title-accent-rgb), 0.5);
  --st-admcore-tab-text-hover: var(--st-admcore-page-title-accent);
  --st-admcore-tab-text-active: var(--st-admcore-page-title-accent);
  --st-admcore-tab-border-active: var(--st-admcore-page-title-accent);

  /* Content */
  --st-admcore-content-bg: #faf5ff;

  /* Page Title */
  --st-admcore-page-title-accent: #a855f7;
  --st-admcore-page-title-accent-rgb: 168, 85, 247;

  /* Bootstrap Primary Override */
  --bs-primary: #a855f7;
  --bs-primary-rgb: 168, 85, 247;
  --bs-link-color: #a855f7;
  --bs-link-color-rgb: 168, 85, 247;

  /* Footer */
  --st-admcore-footer-bg: #ffffff;
  --st-admcore-footer-text: #64748b;
  --st-admcore-footer-border: #f3e8ff;

  /* Login */
  --login-brand-start: #4a1d6a;
  --login-brand-end: #2d1040;
  --login-accent: #a855f7;
}

/* ===== Business Black ===== */
[data-st-admcore-theme="business-black"] {
  /* Sidebar */
  --st-admcore-sidebar-bg: #1a1a1a;
  --st-admcore-sidebar-text: rgba(255, 255, 255, 0.75);
  --st-admcore-sidebar-text-hover: #ffffff;
  --st-admcore-sidebar-text-active: #ffffff;
  --st-admcore-sidebar-item-bg-hover: rgba(255, 255, 255, 0.15);
  --st-admcore-sidebar-item-bg-active: #ffffff;
  --st-admcore-sidebar-text-active: #1a1a1a;
  --st-admcore-sidebar-divider: rgba(255, 255, 255, 0.1);

  /* Topbar */
  --st-admcore-topbar-bg: #ffffff;
  --st-admcore-topbar-text: #1a1a1a;
  --st-admcore-topbar-text-hover: #404040;
  --st-admcore-topbar-border: #e5e7eb;

  /* GlobalTab */
  --st-admcore-tab-bg: transparent;
  --st-admcore-tab-bg-hover: rgba(60, 60, 60, 0.06);
  --st-admcore-tab-bg-active: rgba(60, 60, 60, 0.1);
  --st-admcore-tab-text: rgba(var(--st-admcore-page-title-accent-rgb), 0.5);
  --st-admcore-tab-text-hover: var(--st-admcore-page-title-accent);
  --st-admcore-tab-text-active: var(--st-admcore-page-title-accent);
  --st-admcore-tab-border-active: var(--st-admcore-page-title-accent);

  /* Content */
  --st-admcore-content-bg: #f9fafb;

  /* Page Title */
  --st-admcore-page-title-accent: #4b5563;
  --st-admcore-page-title-accent-rgb: 75, 85, 99;

  /* Bootstrap Primary Override */
  --bs-primary: #4b5563;
  --bs-primary-rgb: 75, 85, 99;
  --bs-link-color: #4b5563;
  --bs-link-color-rgb: 75, 85, 99;

  /* Footer */
  --st-admcore-footer-bg: #ffffff;
  --st-admcore-footer-text: #6b7280;
  --st-admcore-footer-border: #e5e7eb;

  /* Login */
  --login-brand-start: #1a1a1a;
  --login-brand-end: #0a0a0a;
  --login-accent: #4b5563;
}

/* ===== Fresh Green ===== */
[data-st-admcore-theme="fresh-green"] {
  /* Sidebar */
  --st-admcore-sidebar-bg: #064e3b;
  --st-admcore-sidebar-text: rgba(255, 255, 255, 0.85);
  --st-admcore-sidebar-text-hover: #ffffff;
  --st-admcore-sidebar-text-active: #064e3b;
  --st-admcore-sidebar-item-bg-hover: rgba(255, 255, 255, 0.15);
  --st-admcore-sidebar-item-bg-active: #ffffff;
  --st-admcore-sidebar-divider: rgba(255, 255, 255, 0.12);

  /* Topbar */
  --st-admcore-topbar-bg: #ffffff;
  --st-admcore-topbar-text: #064e3b;
  --st-admcore-topbar-text-hover: #047857;
  --st-admcore-topbar-border: #d1fae5;

  /* GlobalTab */
  --st-admcore-tab-bg: transparent;
  --st-admcore-tab-bg-hover: rgba(16, 185, 129, 0.08);
  --st-admcore-tab-bg-active: rgba(16, 185, 129, 0.12);
  --st-admcore-tab-text: rgba(var(--st-admcore-page-title-accent-rgb), 0.5);
  --st-admcore-tab-text-hover: var(--st-admcore-page-title-accent);
  --st-admcore-tab-text-active: var(--st-admcore-page-title-accent);
  --st-admcore-tab-border-active: var(--st-admcore-page-title-accent);

  /* Content */
  --st-admcore-content-bg: #f0fdf4;

  /* Page Title */
  --st-admcore-page-title-accent: #10b981;
  --st-admcore-page-title-accent-rgb: 16, 185, 129;

  /* Bootstrap Primary Override */
  --bs-primary: #10b981;
  --bs-primary-rgb: 16, 185, 129;
  --bs-link-color: #10b981;
  --bs-link-color-rgb: 16, 185, 129;

  /* Footer */
  --st-admcore-footer-bg: #ffffff;
  --st-admcore-footer-text: #64748b;
  --st-admcore-footer-border: #d1fae5;

  /* Login */
  --login-brand-start: #064e3b;
  --login-brand-end: #022c22;
  --login-accent: #10b981;
}

/* ===== Lily White ===== */
[data-st-admcore-theme="lily-white"] {
  /* Sidebar */
  --st-admcore-sidebar-bg: #f9f8f4;
  --st-admcore-sidebar-text: rgba(62, 52, 38, 0.7);
  --st-admcore-sidebar-text-hover: #3e3426;
  --st-admcore-sidebar-text-active: #5a4633;
  --st-admcore-sidebar-item-bg-hover: rgba(139, 119, 91, 0.08);
  --st-admcore-sidebar-item-bg-active: #ffffff;
  --st-admcore-sidebar-divider: rgba(180, 166, 142, 0.2);

  /* Topbar */
  --st-admcore-topbar-bg: #fafaf6;
  --st-admcore-topbar-text: #4a4035;
  --st-admcore-topbar-text-hover: #2c2418;
  --st-admcore-topbar-border: #e8e4db;

  /* GlobalTab */
  --st-admcore-tab-bg: transparent;
  --st-admcore-tab-bg-hover: rgba(139, 119, 91, 0.06);
  --st-admcore-tab-bg-active: #f5f4ef;
  --st-admcore-tab-text: rgba(var(--st-admcore-page-title-accent-rgb), 0.5);
  --st-admcore-tab-text-hover: var(--st-admcore-page-title-accent);
  --st-admcore-tab-text-active: var(--st-admcore-page-title-accent);
  --st-admcore-tab-border-active: var(--st-admcore-page-title-accent);

  /* Content */
  --st-admcore-content-bg: #fcfcf9;

  /* Page Title */
  --st-admcore-page-title-accent: #8b775b;
  --st-admcore-page-title-accent-rgb: 139, 119, 91;

  /* Bootstrap Primary Override */
  --bs-primary: #8b775b;
  --bs-primary-rgb: 139, 119, 91;
  --bs-link-color: #8b775b;
  --bs-link-color-rgb: 139, 119, 91;

  /* Footer */
  --st-admcore-footer-bg: #fafaf6;
  --st-admcore-footer-text: #8b775b;
  --st-admcore-footer-border: #e8e4db;

  /* Login */
  --login-brand-start: #8b775b;
  --login-brand-end: #5c4f3a;
  --login-accent: #8b775b;
}

/* Lily White Sidebar 右邊線分隔 */
[data-st-admcore-theme="lily-white"] .st-admcore-sidebar {
  border-right: 1px solid #e8e4db;
}
