/* Hallie Reads — core tokens */

:root {
	--hallie-cream: #FFF8E7;
	--hallie-ink: #2a2320;
	--hallie-ink-soft: #57504c;
	--hallie-green: #4a9a5c;
	--hallie-green-soft: #d9f2d4;
	--hallie-blue: #3e8bc9;
	--hallie-blue-soft: #d6e9f7;
	--hallie-purple: #7a5ea8;
	--hallie-amber: #c9a13e;
	--hallie-amber-soft: #fbe5c6;
	--hallie-red: #b84a4a;
	--hallie-line: #cdbfa8;
	--hallie-radius: 12px;
	--hallie-radius-lg: 22px;
	--hallie-shadow: 0 4px 14px rgba(40, 24, 10, 0.12);
}

@font-face {
	font-family: "Lexend";
	src: url("../fonts/Lexend.woff2") format("woff2");
	font-weight: 300 700;
	font-style: normal;
	font-display: swap;
}

.hallie-page,
.hallie-play,
.hallie-dashboard,
.hallie-admin,
.hallie-exports,
.hallie-login,
.hallie-profile {
	font-family: "Lexend", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
	color: var(--hallie-ink);
	line-height: 1.5;
}

.hallie-btn {
	display: inline-block;
	background: var(--hallie-purple);
	color: #fff;
	text-decoration: none;
	padding: 10px 18px;
	border-radius: var(--hallie-radius);
	border: 0;
	font: inherit;
	cursor: pointer;
}

.hallie-btn:hover,
.hallie-btn:focus {
	background: #684d95;
	outline: 2px solid var(--hallie-purple);
	outline-offset: 2px;
}

.hallie-gate {
	padding: 24px;
	border: 1px dashed var(--hallie-line);
	border-radius: var(--hallie-radius);
	background: #fff;
	max-width: 480px;
}

.hallie-hint {
	color: var(--hallie-ink-soft);
	font-size: 0.95em;
}

.hallie-hint-muted { opacity: 0.8; }

.hallie-flash {
	padding: 10px 14px;
	border-radius: var(--hallie-radius);
	margin-bottom: 12px;
	background: var(--hallie-amber-soft);
	border: 1px solid var(--hallie-amber);
}