/*
* ChaloPadhe-Brand.css
* Brand styling and theme tokens for ChaloPadhe
******************************************************************************/

.menu .app-brand.demo {
  height: 64px;
}

.app-brand-logo.demo svg {
  width: 34px;
  height: 24px;
}

.app-brand-text.demo {
  font-size: 1.375rem;
}

/* ! For .layout-navbar-fixed added fix padding top to .layout-page */
/* Default navbar */
.layout-navbar-fixed .layout-wrapper:not(.layout-without-menu) .layout-page {
  padding-top: 64px !important;
}
.layout-navbar-fixed .layout-wrapper:not(.layout-horizontal):not(.layout-without-menu) .layout-page {
  padding-top: 11.11px !important;
}
/* Navbar page z-index issue solution */
.content-wrapper .navbar {
  z-index: auto;
}

/* Theme swatches (navbar dropdown) */
.cp-theme-swatch {
  inline-size: 14px;
  block-size: 14px;
  border-radius: 999px;
  background: var(--cp-swatch, var(--bs-primary));
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 0 2px color-mix(in sRGB, var(--bs-body-bg) 70%, transparent);
}

/* ChaloPadhe accent themes */
html[data-cp-theme="ocean"] {
  --bs-primary: #1b5df3;
  --bs-primary-rgb: 27, 93, 243;
  --bs-primary-text-emphasis: #0f3ba1;
  --bs-primary-bg-subtle: #e7eeff;
  --bs-primary-border-subtle: #b5cbff;
  --bs-primary-contrast: #ffffff;
  --bs-link-color: var(--bs-primary);
  --bs-link-hover-color: #1449c2;
}

html[data-cp-theme="emerald"] {
  --bs-primary: #1f8a5b;
  --bs-primary-rgb: 31, 138, 91;
  --bs-primary-text-emphasis: #0d4f33;
  --bs-primary-bg-subtle: #e6f6ee;
  --bs-primary-border-subtle: #b9e6cf;
  --bs-primary-contrast: #ffffff;
  --bs-link-color: var(--bs-primary);
  --bs-link-hover-color: #16724b;
}

html[data-cp-theme="sunrise"] {
  --bs-primary: #d97706;
  --bs-primary-rgb: 217, 119, 6;
  --bs-primary-text-emphasis: #8a4b00;
  --bs-primary-bg-subtle: #fff3e0;
  --bs-primary-border-subtle: #f5c58c;
  --bs-primary-contrast: #ffffff;
  --bs-link-color: var(--bs-primary);
  --bs-link-hover-color: #b86105;
}

html[data-cp-theme="slate"] {
  --bs-primary: #334155;
  --bs-primary-rgb: 51, 65, 85;
  --bs-primary-text-emphasis: #1f2937;
  --bs-primary-bg-subtle: #e9edf3;
  --bs-primary-border-subtle: #c8d1de;
  --bs-primary-contrast: #ffffff;
  --bs-link-color: var(--bs-primary);
  --bs-link-hover-color: #283548;
}

html[data-bs-theme="dark"][data-cp-theme="ocean"] {
  --bs-primary: #4c82ff;
  --bs-primary-rgb: 76, 130, 255;
  --bs-primary-text-emphasis: #d8e4ff;
  --bs-primary-bg-subtle: #102042;
  --bs-primary-border-subtle: #1f3568;
  --bs-primary-contrast: #ffffff;
  --bs-link-color: var(--bs-primary);
  --bs-link-hover-color: #7ba3ff;
}

html[data-bs-theme="dark"][data-cp-theme="emerald"] {
  --bs-primary: #34b17a;
  --bs-primary-rgb: 52, 177, 122;
  --bs-primary-text-emphasis: #d5f5e6;
  --bs-primary-bg-subtle: #0f2a1e;
  --bs-primary-border-subtle: #1e4c36;
  --bs-primary-contrast: #ffffff;
  --bs-link-color: var(--bs-primary);
  --bs-link-hover-color: #5acb97;
}

html[data-bs-theme="dark"][data-cp-theme="sunrise"] {
  --bs-primary: #f59e0b;
  --bs-primary-rgb: 245, 158, 11;
  --bs-primary-text-emphasis: #ffe6be;
  --bs-primary-bg-subtle: #2e1d05;
  --bs-primary-border-subtle: #5a3a0b;
  --bs-primary-contrast: #ffffff;
  --bs-link-color: var(--bs-primary);
  --bs-link-hover-color: #f7b54a;
}

html[data-bs-theme="dark"][data-cp-theme="slate"] {
  --bs-primary: #64748b;
  --bs-primary-rgb: 100, 116, 139;
  --bs-primary-text-emphasis: #e2e8f0;
  --bs-primary-bg-subtle: #1a222d;
  --bs-primary-border-subtle: #2f3c4f;
  --bs-primary-contrast: #ffffff;
  --bs-link-color: var(--bs-primary);
  --bs-link-hover-color: #94a3b8;
}