/* =========================================================
   Scizor Admin — Color Overrides (Blue/Peach Gradient)
   ========================================================= */

:root {
  /* Change the primary coral accent to the new gradient colors */
  --coral:        #F68084;
  --coral-dark:   #E06165;
  --coral-light:  #7CA3FF;
  --coral-pale:   #FCE4E5;
  --coral-tint:   #FEF2F2;
  --coral-glow:   rgba(246, 128, 132, 0.35);
  
  /* Update the gradient variables */
  --coral-gradient: linear-gradient(160deg, #7CA3FF 0%, #F68084 100%);
  --coral-gradient-h: linear-gradient(160deg, #94B1F5 0%, #E06165 100%);
  
  /* Slightly tint the background and surface colors to feel "admin-like" */
  --bg:           #F0F4FA; /* Soft blue-grey background */
  --surface:      #F7F9FC;
  --surface-2:    #EDF1F7;
  --surface-3:    #E2E8F0;
}

/* =========================================================
   Text & Link Color Overrides
   ========================================================= */

/* Primary text links (e.g., "View all", "Add new") */
.link, 
a.link:hover,
.login-forgot,
.login-foot a {
  color: #5A81FA !important; 
}

/* The text inside the active sidebar submenu */
.sidebar .menu-sub-inner a.active,
.drawer-bar .menu-sub-inner a.active {
  color: #7CA3FF !important;
}

/* The caret arrow on open sidebar groups */
.sidebar .menu-group.is-open .menu-caret,
.drawer-bar .menu-group.is-open .menu-caret {
  color: #7CA3FF !important;
}

/* Info text, active tabs, and highlighted numbers */
.donut-center-num,
.revenue-value,
.cust-stat .stat-value.text-coral {
  color: #5A81FA !important;
}

/* The floating action button (FAB) icon in the tabbar */
.tabbar .tab.active,
.tabbar .tab.active svg,
.tabbar .tab.active svg * {
  color: #7CA3FF !important;
  stroke: #7CA3FF !important;
}

/* SweetAlert Confirm Buttons (if used in admin) */
.swal2-confirm {
  background: linear-gradient(160deg, #7CA3FF 0%, #F68084 100%) !important;
  box-shadow: 0 8px 20px -6px rgba(166, 192, 254, 0.5) !important;
}