@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap');

:root {
  --m-rose: #9b4b5a;
  --m-rose-deep: #6f3140;
  --m-ink: #1c1416;
  --m-sand: #f6efe8;
  --m-cream: #fffaf6;
  --m-gold: #b8922c;
  --m-line: rgba(111, 49, 64, 0.12);
  --m-card: #ffffff;
  --m-sidebar: #22161a;
  --m-sidebar-text: #f7ebe7;
  --m-success: #1f7a4c;
  --m-danger: #b42318;
  --m-warning: #b54708;
}

html, body, body.light, body.dark,
.sidebar, .nav, .navbar, .card, .btn, .form-control, .dropdown-menu,
h1, h2, h3, h4, h5, h6, p, span, a, td, th, label, input, button {
  font-family: "Cairo", Tahoma, sans-serif !important;
}

body {
  background:
    radial-gradient(900px 420px at 100% 0%, rgba(155,75,90,.10), transparent 55%),
    radial-gradient(700px 380px at 0% 10%, rgba(184,146,44,.08), transparent 50%),
    var(--m-cream) !important;
  color: var(--m-ink) !important;
}

/* Sidebar */
.sidebar,
aside.sidebar,
.sidebar-base,
[class*="sidebar"].sidebar {
  background: linear-gradient(180deg, #2a1a1f 0%, #1a1114 100%) !important;
  border-inline-end: 1px solid rgba(255,255,255,.06) !important;
}

.sidebar .navbar-brand,
.sidebar .logo-title,
.sidebar .sidebar-header,
.sidebar .nav-link,
.sidebar a {
  color: var(--m-sidebar-text) !important;
}

.sidebar .nav-link,
.sidebar .nav-item a {
  border-radius: .85rem !important;
  margin: .15rem .65rem !important;
  padding: .65rem .9rem !important;
  font-weight: 600 !important;
  transition: background .2s ease, transform .2s ease !important;
}

.sidebar .nav-link:hover,
.sidebar .nav-item a:hover,
.sidebar .nav-link.active,
.sidebar .active > .nav-link {
  background: rgba(155, 75, 90, .28) !important;
  color: #fff !important;
}

.sidebar .nav-item .nav-link i,
.sidebar .nav-link svg {
  color: #e7c4b8 !important;
}

/* Top navbar */
.navbar,
header.navbar,
.iq-navbar {
  background: rgba(255,250,246,.92) !important;
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--m-line) !important;
  box-shadow: 0 8px 24px rgba(28,20,22,.04) !important;
}

/* Cards */
.card,
.card.card-block,
.iq-card {
  background: var(--m-card) !important;
  border: 1px solid var(--m-line) !important;
  border-radius: 1.15rem !important;
  box-shadow: 0 12px 30px rgba(28,20,22,.05) !important;
}

.card-header {
  background: transparent !important;
  border-bottom: 1px solid var(--m-line) !important;
  font-weight: 700 !important;
}

/* Buttons - high contrast */
.btn-primary,
.btn.btn-primary,
button.btn-primary {
  background: var(--m-rose) !important;
  border-color: var(--m-rose) !important;
  color: #fff !important;
  font-weight: 700 !important;
  border-radius: .8rem !important;
  box-shadow: 0 8px 18px rgba(155,75,90,.25) !important;
}

.btn-primary:hover,
.btn-primary:focus {
  background: var(--m-rose-deep) !important;
  border-color: var(--m-rose-deep) !important;
  color: #fff !important;
}

.btn-secondary,
.btn-soft-primary,
.btn-outline-primary {
  border-radius: .8rem !important;
  font-weight: 700 !important;
}

.btn-secondary {
  background: var(--m-ink) !important;
  border-color: var(--m-ink) !important;
  color: #fff !important;
}

.btn-success { background: var(--m-success) !important; border-color: var(--m-success) !important; color:#fff !important; }
.btn-danger { background: var(--m-danger) !important; border-color: var(--m-danger) !important; color:#fff !important; }
.btn-warning { background: var(--m-warning) !important; border-color: var(--m-warning) !important; color:#fff !important; }

/* Tables */
.table thead th,
table.dataTable thead th {
  background: #f3e8e4 !important;
  color: var(--m-ink) !important;
  font-weight: 700 !important;
  border-bottom: 1px solid var(--m-line) !important;
}

.table td, .table th {
  vertical-align: middle !important;
}

/* Forms */
.form-control, .form-select, .select2-container .select2-selection {
  border-radius: .8rem !important;
  border-color: rgba(28,20,22,.14) !important;
  min-height: 44px;
}

.form-control:focus, .form-select:focus {
  border-color: var(--m-rose) !important;
  box-shadow: 0 0 0 .2rem rgba(155,75,90,.15) !important;
}

/* Badges / stats */
.badge, .badge-soft-primary, .badge-soft-success {
  border-radius: 999px !important;
  font-weight: 700 !important;
}

/* Page titles */
.content-inner h4, .content-page h4, .page-title, .main-content h4 {
  font-weight: 800 !important;
  color: var(--m-ink) !important;
}

/* Auth login polish */
.auth-card, .sign-in-detail, .login-content {
  border-radius: 1.25rem !important;
}

/* Scrollbar */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb { background: rgba(155,75,90,.35); border-radius: 999px; }
::-webkit-scrollbar-track { background: transparent; }