/* CompactCSS source: /apps/olam-h3/styles/tokens.css */
/* B"H
Boruch Hashem
Blessed is He

The Awtsmoos gives color, rhythm, radius, and shadow one root from which the whole studio can grow;
Awtsmoos.com keeps the design language centralized, so every screen speaks the same quiet cinematic flow.
*/
:root {
	color-scheme: dark;
	--bg: #09090b;
	--surface: rgba(24, 24, 29, 0.92);
	--surface-strong: #1b1b22;
	--surface-soft: rgba(255, 255, 255, 0.055);
	--line: rgba(255, 255, 255, 0.1);
	--line-strong: rgba(255, 255, 255, 0.18);
	--text: #f7f7f8;
	--muted: #a8a8b3;
	--faint: #73737f;
	--accent: #d9ff68;
	--accent-ink: #101208;
	--danger: #ff766c;
	--success: #9cf6bb;
	--warning: #ffd479;
	--shadow: 0 24px 70px rgba(0, 0, 0, 0.42);
	--radius-sm: 12px;
	--radius-md: 18px;
	--radius-lg: 24px;
	--radius-xl: 32px;
	--header-height: 64px;
	--nav-height: 76px;
	--page-max: 1180px;
	--safe-top: env(safe-area-inset-top, 0px);
	--safe-right: env(safe-area-inset-right, 0px);
	--safe-bottom: env(safe-area-inset-bottom, 0px);
	--safe-left: env(safe-area-inset-left, 0px);
	font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* {
	box-sizing: border-box;
}

html {
	background: var(--bg);
	min-width: 320px;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
	min-height: 100dvh;
	background: var(--bg);
	color: var(--text);
	font: 15px/1.45 inherit;
	overflow-x: hidden;
}

button,
input,
textarea,
select {
	font: inherit;
}

button,
a,
select,
input,
textarea {
	-webkit-tap-highlight-color: transparent;
}

button {
	color: inherit;
}

button:focus-visible,
a:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
	outline: 2px solid var(--accent);
	outline-offset: 2px;
}

button:disabled {
	opacity: 0.42;
	cursor: not-allowed;
}

::selection {
	background: var(--accent);
	color: var(--accent-ink);
}

.visually-hidden {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}