@font-face {
	font-family: "Syscofy Inter";
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url("/assets/frappe/css/fonts/inter/InterVariable.woff2") format("woff2");
}

:root,
html[data-theme="light"] {
	color-scheme: light;
	--auth-page: #f9fbfc;
	--auth-surface: #fefeff;
	--auth-field: #f8f8f9;
	--auth-text: #2f2f31;
	--auth-muted: #6d6d76;
	--auth-border: #d2d2d2;
	--auth-accent: #0000ff;
	--auth-accent-hover: #0000d6;
	--auth-accent-active: #0000b8;
	--auth-on-accent: #fefeff;
	--auth-danger: #b42318;
	--auth-danger-surface: #fef3f2;
	--auth-success: #067647;
	--auth-success-surface: #ecfdf3;
}

html[data-theme="dark"] {
	color-scheme: dark;
	--auth-page: #111114;
	--auth-surface: #18181c;
	--auth-field: #18181c;
	--auth-text: #fefeff;
	--auth-muted: #9b9ba4;
	--auth-border: #3a3a40;
	--auth-accent: #0000ff;
	--auth-accent-hover: #2424ff;
	--auth-accent-active: #4141ff;
	--auth-on-accent: #fefeff;
	--auth-danger: #fda29b;
	--auth-danger-surface: #35191b;
	--auth-success: #75e0a7;
	--auth-success-surface: #123524;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

html,
body {
	min-height: 100%;
}

html {
	background: var(--auth-page);
}

body {
	margin: 0;
	color: var(--auth-text);
	font-family: "Syscofy Inter", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: 13px;
	-webkit-font-smoothing: antialiased;
	background: var(--auth-page);
}

[hidden] {
	display: none !important;
}

a,
button,
input {
	font: inherit;
}