/* Vi-Mall Jombang brand tokens (Palette A: Indigo + Cyan)
   Keep this file global and token-driven to avoid hard-coded colors across pages. */

:root {
  --brand-primary: #1d4ed8; /* Indigo 700 */
  --brand-primary-rgb: 29, 78, 216;
  --brand-accent: #06b6d4; /* Cyan 500 */
  --brand-accent-rgb: 6, 182, 212;

  --brand-surface: #f8fafc;
  --brand-text: #0f172a;
  --brand-muted: #475569;
  --brand-border: #e2e8f0;

  --brand-gradient: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-accent) 100%);

  /* Bootstrap mappings (best-effort without rebuilding Bootstrap) */
  --bs-primary-rgb: var(--brand-primary-rgb);
  --bs-link-color: var(--brand-primary);
  --bs-link-hover-color: var(--brand-accent);
}

body.dark-mode {
  --brand-surface: #0b1220;
  --brand-text: #e5e7eb;
  --brand-muted: #94a3b8;
  --brand-border: #1f2937;
}

/* Minimal global brand accents (works even on pages without page-specific CSS) */
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-brand:focus,
.navbar-dark .navbar-brand:hover {
  color: var(--brand-accent) !important;
}

.btn-primary {
  --bs-btn-bg: var(--brand-primary);
  --bs-btn-border-color: var(--brand-primary);
  --bs-btn-hover-bg: var(--brand-accent);
  --bs-btn-hover-border-color: var(--brand-accent);
  --bs-btn-active-bg: var(--brand-primary);
  --bs-btn-active-border-color: var(--brand-primary);
}

.btn-outline-secondary.active,
.btn-outline-secondary:active {
  background-color: var(--brand-primary) !important;
  border-color: var(--brand-primary) !important;
}