/* ======================================================
   BAKERY WORLD DEEP RED THEME
   Red dominant, subtle orange accent
====================================================== */

:root {
  /* PRIMARY (RED DOMINANT) */
  --bw-red: #dc2626;
  --bw-red-deep: #b91c1c;
  --bw-red-soft: #fee2e2;

  /* ACCENT (MINIMAL ORANGE/GOLD) */
  --bw-accent: #f97316;
  --bw-gold: #facc15;

  /* BACKGROUND */
  --bw-bg: #fff5f5;
  --bw-bg-soft: #fffafa;
  --bw-surface: #ffffff;

  /* TEXT */
  --bw-text: #1f2937;
  --bw-muted: #6b7280;

  /* BORDER */
  --bw-border: rgba(220,38,38,0.15);

  /* SHADOW */
  --bw-shadow: 0 10px 30px rgba(220,38,38,0.15);

  /* GRADIENT (MOSTLY RED) */
  --bw-gradient: linear-gradient(135deg, #b91c1c, #dc2626, #ef4444);
}

/* ======================================================
   BODY (SOFT RED GLOW)
====================================================== */

body {
  background:
    radial-gradient(circle at 20% 20%, rgba(220,38,38,0.18), transparent 40%),
    radial-gradient(circle at 80% 80%, rgba(239,68,68,0.12), transparent 40%),
    linear-gradient(135deg, #fffafa, #fff5f5);

  color: var(--bw-text);
}

/* ======================================================
   SIDEBAR (FIXED FOR YOUR STRUCTURE)
====================================================== */

#sidebarMenu.sidebar,
.sidebar.bg-gray-800 {
  background: linear-gradient(180deg, #fffafa, #fff5f5) !important;
  color: var(--bw-text) !important;
  border-right: 1px solid var(--bw-border);
}

/* FORCE TEXT VISIBILITY */
#sidebarMenu,
#sidebarMenu .nav-link,
#sidebarMenu .sidebar-text,
#sidebarMenu .sidebar-icon {
  color: var(--bw-text) !important;
}

/* NAV LINKS */
#sidebarMenu .nav-link {
  border-radius: 12px;
  font-weight: 600;
  color: var(--bw-muted) !important;
}

/* HOVER */
#sidebarMenu .nav-link:hover {
  background: rgba(220,38,38,0.10);
  color: var(--bw-red) !important;
  transform: translateX(2px);
}

/* ACTIVE */
#sidebarMenu .nav-link.active,
#sidebarMenu .nav-link[aria-current="page"] {
  background: var(--bw-gradient) !important;
  color: #fff !important;
  box-shadow: 0 8px 20px rgba(220,38,38,0.30);
}

/* ICON COLOR */
#sidebarMenu .sidebar-icon {
  color: var(--bw-red) !important;
}

/* ======================================================
   CARD
====================================================== */

.card {
  background: rgba(255,255,255,0.92);
  border: 1px solid var(--bw-border);
  border-radius: 16px;
  box-shadow: var(--bw-shadow);
}

/* ======================================================
   BUTTONS
====================================================== */

.btn-primary {
  background: var(--bw-gradient);
  border: none;
  color: #fff;
  box-shadow: 0 8px 20px rgba(220,38,38,0.35);
}

.btn-primary:hover {
  box-shadow: 0 12px 30px rgba(185,28,28,0.45);
}

/* SECONDARY (SUBTLE ORANGE ONLY HERE) */
.btn-warning {
  background: linear-gradient(135deg, #f97316, #facc15);
  border: none;
  color: #7c2d12;
  font-weight: 600;
}

/* ======================================================
   FORM
====================================================== */

.form-control {
  background: #fff;
  border: 1px solid var(--bw-border);
}

.form-control:focus {
  border-color: var(--bw-red);
  box-shadow: 0 0 0 0.2rem rgba(220,38,38,0.2);
}

/* ======================================================
   TABLE
====================================================== */

.table thead {
  background: linear-gradient(90deg, #b91c1c, #dc2626);
  color: #fff;
}

.table tbody tr:hover {
  background: rgba(220,38,38,0.05);
}

/* ======================================================
   HEADINGS
====================================================== */

h1, h2, h3 {
  font-weight: 800;
}

/* GOLD ONLY FOR SPECIAL TEXT */
.gold-text {
  background: linear-gradient(135deg, #facc15, #f59e0b);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* ======================================================
   DIVIDERS
====================================================== */

hr,
.dropdown-divider {
  border-color: var(--bw-border);
}

/* ======================================================
   SCROLLBAR
====================================================== */

::-webkit-scrollbar-thumb {
  background: linear-gradient(#b91c1c, #dc2626);
  border-radius: 10px;
}