/* nitindubeymusic branding for the /lms student app (injected by nginx) and Frappe's own web
   pages (web_include_css). Colour, type and hiding platform references only, so LMS updates
   don't break the layout. Colours mirror src/css/tokens.css; the fonts are the storefront's own
   files, served from the same origin. */
@font-face { font-family: "Amiko"; font-weight: 700; font-display: swap; src: url("/fonts/amiko-700-latin.woff2") format("woff2"); }
@font-face { font-family: "Amiko"; font-weight: 600; font-display: swap; src: url("/fonts/amiko-600-latin.woff2") format("woff2"); }
@font-face { font-family: "Mukta"; font-weight: 400; font-display: swap; src: url("/fonts/mukta-400-latin.woff2") format("woff2"); }
@font-face { font-family: "Mukta"; font-weight: 500; font-display: swap; src: url("/fonts/mukta-500-latin.woff2") format("woff2"); }
@font-face { font-family: "Mukta"; font-weight: 600; font-display: swap; src: url("/fonts/mukta-600-latin.woff2") format("woff2"); }

:root {
	--nd-brown: #955938;
	--nd-brown-strong: #7c4729;
	--nd-brown-on-night: #d79a72;
}

/* ---- Theme: the LMS's neutral greys, re-tinted with the site's warm studio neutrals.
   Generated from the LMS stylesheet (same lightness steps, warm hue), so contrast is unchanged. */
:root:not([data-theme="dark"]) {
	--surface-base: oklch(0.985 0.005 80);
	--surface-gray-1: oklch(.979 0.007 70);
	--surface-gray-2: oklch(.964 0.007 70);
	--surface-gray-3: oklch(.946 0.007 70);
	--surface-gray-4: oklch(.913 0.007 70);
	--surface-gray-5: oklch(.83 0.007 70);
	--surface-gray-6: oklch(.683 0.007 70);
	--surface-gray-7: oklch(.586 0.007 70);
	--surface-gray-8: oklch(.439 0.007 70);
	--surface-gray-9: oklch(.341 0.007 70);
	--surface-gray-10: oklch(.205 0.007 70);
	--surface-sidebar: oklch(.979 0.007 70);
	--surface-alpha-gray-1: oklch(0 0.007 70 / .031);
	--surface-alpha-gray-2: oklch(0 0.007 70 / .043);
	--surface-alpha-gray-3: oklch(0 0.007 70 / .071);
	--surface-alpha-gray-4: oklch(0 0.007 70 / .114);
	--surface-alpha-gray-5: oklch(0 0.007 70 / .22);
	--surface-alpha-gray-6: oklch(0 0.007 70 / .4);
	--surface-alpha-gray-7: oklch(0 0.007 70 / .514);
	--surface-alpha-gray-8: oklch(0 0.007 70 / .678);
	--surface-alpha-gray-9: oklch(0 0.007 70 / .78);
	--surface-alpha-gray-10: oklch(0 0.007 70 / .91);
	--surface-alpha-sidebar: oklch(.979 0.007 70);
	--surface-alpha-gray-2-overlay: oklch(0 0.007 70 / .09);
	--ink-gray-1: oklch(.946 0.007 70);
	--ink-gray-2: oklch(.913 0.007 70);
	--ink-gray-3: oklch(.83 0.007 70);
	--ink-gray-4: oklch(.683 0.007 70);
	--ink-gray-5: oklch(.586 0.007 70);
	--ink-gray-6: oklch(.439 0.012 70);
	--ink-gray-7: oklch(.341 0.012 70);
	--ink-gray-8: oklch(.205 0.012 70);
	--ink-gray-9: oklch(.168 0.012 70);
	--ink-alert-button-default: oklch(.205 0.012 70);
	--ink-alert-button-info: oklch(.205 0.012 70);
	--ink-alert-button-success: oklch(.205 0.012 70);
	--ink-alert-button-warning: oklch(.205 0.012 70);
	--ink-alert-button-error: oklch(.205 0.012 70);
	--outline-gray-1: oklch(.946 0.007 70);
	--outline-gray-2: oklch(.913 0.007 70);
	--outline-gray-3: oklch(.83 0.007 70);
	--outline-gray-4: oklch(.683 0.007 70);
	--outline-gray-5: oklch(.586 0.007 70);
	--outline-gray-6: oklch(.439 0.007 70);
	--outline-gray-7: oklch(.341 0.007 70);
	--outline-gray-8: oklch(.205 0.007 70);
	--outline-gray-9: oklch(.168 0.007 70);
	--outline-elevation-1: oklch(.946 0.007 70);
	--outline-elevation-2: oklch(.946 0.007 70);
	--outline-alpha-gray-1: oklch(0 0.007 70 / .071);
	--outline-alpha-gray-2: oklch(0 0.007 70 / .114);
	--outline-alpha-gray-3: oklch(0 0.007 70 / .22);
	--outline-alpha-gray-4: oklch(0 0.007 70 / .4);
	--outline-alpha-gray-5: oklch(0 0.007 70 / .514);
	--outline-alpha-gray-6: oklch(0 0.007 70 / .678);
	--outline-alpha-gray-7: oklch(0 0.007 70 / .78);
	--outline-alpha-gray-8: oklch(0 0.007 70 / .91);
	--outline-alpha-gray-9: oklch(0 0.007 70 / .941);
	--outline-alpha-elevation-1: oklch(0 0.007 70 / .071);
	--outline-alpha-elevation-2: oklch(0 0.007 70 / .071);
	--ink-blue-link: #955938;
}
html[data-theme="dark"] {
	--surface-base: oklch(.205 0.007 70);
	--surface-gray-1: oklch(.239 0.007 70);
	--surface-gray-2: oklch(.281 0.007 70);
	--surface-gray-3: oklch(.341 0.007 70);
	--surface-gray-4: oklch(.379 0.007 70);
	--surface-gray-5: oklch(.457 0.007 70);
	--surface-gray-6: oklch(.58 0.007 70);
	--surface-gray-7: oklch(.683 0.007 70);
	--surface-gray-8: oklch(.754 0.007 70);
	--surface-gray-9: oklch(.885 0.007 70);
	--surface-gray-10: oklch(.979 0.007 70);
	--surface-elevation-1: oklch(.239 0.007 70);
	--surface-elevation-2: oklch(.26 0.007 70);
	--surface-elevation-3: oklch(.341 0.007 70);
	--surface-alert-button-default: oklch(.379 0.007 70);
	--surface-alpha-base: oklch(0 0.007 70 / .039);
	--surface-alpha-sidebar: oklch(0 0.007 70 / .039);
	--ink-base: oklch(.205 0.007 70);
	--ink-gray-1: oklch(.26 0.007 70);
	--ink-gray-2: oklch(.341 0.007 70);
	--ink-gray-3: oklch(.379 0.007 70);
	--ink-gray-4: oklch(.58 0.007 70);
	--ink-gray-5: oklch(.58 0.007 70);
	--ink-gray-6: oklch(.683 0.007 70);
	--ink-gray-7: oklch(.754 0.007 70);
	--ink-gray-8: oklch(.885 0.007 70);
	--ink-gray-9: oklch(.979 0.007 70);
	--ink-alert-button-default: oklch(.979 0.007 70);
	--outline-base: oklch(.205 0.007 70);
	--outline-gray-1: oklch(.26 0.007 70);
	--outline-gray-2: oklch(.341 0.007 70);
	--outline-gray-3: oklch(.379 0.007 70);
	--outline-gray-4: oklch(.457 0.007 70);
	--outline-gray-5: oklch(.58 0.007 70);
	--outline-gray-6: oklch(.683 0.007 70);
	--outline-gray-7: oklch(.946 0.007 70);
	--outline-gray-8: oklch(.964 0.007 70);
	--outline-gray-9: oklch(.979 0.007 70);
	--outline-elevation-1: oklch(.281 0.007 70);
	--outline-elevation-2: oklch(.341 0.007 70);
	--outline-alpha-base: oklch(0 0.007 70 / .039);
	--ink-blue-link: #d79a72;
}

/* ---- Type */
body, .font-sans, button, input, textarea, select { font-family: "Mukta", system-ui, -apple-system, "Segoe UI", sans-serif; }
h1, h2, h3, .text-2xl, .text-3xl, .text-xl { font-family: "Amiko", "Mukta", system-ui, sans-serif; }

/* ---- Primary actions in the site's brown (frappe-ui "solid" buttons), light and dark */
button.bg-surface-gray-10, a.bg-surface-gray-10,
button.bg-surface-gray-7, a.bg-surface-gray-7,
.btn-primary, .btn.btn-primary {
	background-color: var(--nd-brown) !important;
	border-color: var(--nd-brown) !important;
	color: #fff !important;
}
button.bg-surface-gray-10:hover, a.bg-surface-gray-10:hover,
button.bg-surface-gray-7:hover, a.bg-surface-gray-7:hover, .btn-primary:hover { background-color: var(--nd-brown-strong) !important; }
button.bg-surface-gray-10:disabled { opacity: 0.6; }
[type="checkbox"]:checked, [type="radio"]:checked { background-color: var(--nd-brown) !important; border-color: var(--nd-brown) !important; }
html[data-theme="dark"] [type="checkbox"]:checked { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e"); }

/* Progress bars */
.bg-surface-gray-9 { background-color: var(--nd-brown) !important; }
html[data-theme="dark"] .bg-surface-gray-9 { background-color: var(--nd-brown-on-night) !important; }

a:focus-visible, button:focus-visible { outline: 2px solid #2f6fd6; outline-offset: 2px; }

/* ---- Platform references that are hard-coded in the LMS screens */
/* "Powered by …" lightning icon and the platform help button at the bottom of the sidebar */
span.lucide-zap.cursor-pointer,
span.lucide-circle-help.cursor-pointer,
/* the platform's admin onboarding: help panel, and the checklist card (also hidden by lms_bridge.js) */
[data-testid="onboarding-help-modal"],
.nd-hide { display: none !important; }