:root {
  --alohosh-primary: #4f46e5;
  --alohosh-purple: #8b5cf6;
  --alohosh-cyan: #06b6d4;
  --alohosh-teal: #10b981;
  --alohosh-orange: #f59e0b;
  --alohosh-navy: #0f172a;
}

body {
  background-color: #f8fafc;
  color: #0f172a;
}

.MuiButton-containedPrimary,
.MuiButton-contained.MuiButton-containedPrimary {
  background: linear-gradient(135deg, var(--alohosh-primary), var(--alohosh-purple)) !important;
  box-shadow: 0 4px 14px rgba(79, 70, 229, 0.25) !important;
}

.MuiButton-containedPrimary:hover,
.MuiButton-contained.MuiButton-containedPrimary:hover {
  background: linear-gradient(135deg, #4338ca, #7c3aed) !important;
}

.MuiButton-outlinedPrimary,
.MuiButton-outlined.MuiButton-outlinedPrimary {
  color: var(--alohosh-primary) !important;
  border-color: rgba(79, 70, 229, 0.45) !important;
}

.MuiAppBar-colorPrimary,
.MuiAppBar-root.MuiAppBar-colorPrimary {
  background: linear-gradient(90deg, var(--alohosh-navy), #1e293b) !important;
}

.MuiDrawer-paper {
  background: #ffffff !important;
  border-left: 1px solid #e2e8f0 !important;
}

.MuiTabs-indicator {
  background-color: var(--alohosh-cyan) !important;
}

.MuiTab-root.Mui-selected {
  color: var(--alohosh-primary) !important;
}

.MuiCheckbox-colorPrimary.Mui-checked,
.MuiRadio-colorPrimary.Mui-checked,
.MuiSwitch-colorPrimary.Mui-checked {
  color: var(--alohosh-primary) !important;
}

.MuiLinearProgress-barColorPrimary {
  background-color: var(--alohosh-cyan) !important;
}

.MuiCircularProgress-colorPrimary {
  color: var(--alohosh-primary) !important;
}

.MuiChip-colorPrimary {
  background: linear-gradient(135deg, var(--alohosh-primary), var(--alohosh-purple)) !important;
  color: #fff !important;
}

.MuiTypography-root {
  color: inherit;
}

.MuiTypography-colorTextPrimary {
  color: #0f172a !important;
}

.MuiTypography-colorTextSecondary {
  color: #475569 !important;
}

.MuiPaper-root {
  background-image: none !important;
}

.MuiCard-root,
.MuiPaper-elevation1 {
  border: 1px solid #e2e8f0;
  box-shadow: 0 4px 20px rgba(15, 23, 42, 0.06) !important;
}

.MuiTableHead-root .MuiTableCell-root {
  background: #f8fafc !important;
  color: #0f172a !important;
}

.MuiDataGrid-columnHeaders {
  background: #f8fafc !important;
}

.MuiInputBase-root,
.MuiOutlinedInput-root {
  background: #ffffff;
}

.MuiOutlinedInput-notchedOutline {
  border-color: #cbd5e1 !important;
}

.MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline {
  border-color: #818cf8 !important;
}

.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
  border-color: var(--alohosh-primary) !important;
}