/* Bedrock Shield design tokens
   Ink #111111 · Stone #F5F4F1 · Slate #8E939B · Electric Blue #2F4BFF
   Type: Satoshi (Indian Type Foundry, Fontshare). See fonts/LICENSE.txt. */

@font-face {
	font-family: "Satoshi";
	src: url("fonts/Satoshi-Regular.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Satoshi";
	src: url("fonts/Satoshi-Medium.woff2") format("woff2");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Satoshi";
	src: url("fonts/Satoshi-Bold.woff2") format("woff2");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

:root {
	--ink: #111111;
	--stone: #F5F4F1;
	--slate: #8E939B;
	--electric: #2F4BFF;
	--electric-hover: #2438D6;
	--electric-soft: #E8ECFF;

	--bg: var(--stone);
	--bg-elev: #ffffff;
	--bg-deep: var(--ink);
	--panel: #ffffff;
	--panel-solid: #ffffff;
	--panel-2: #EEEDE8;
	--ink-2: var(--slate);
	--muted: var(--slate);
	--ivory: var(--stone);
	--line: rgba(17, 17, 17, 0.08);
	--line-strong: rgba(17, 17, 17, 0.14);
	--accent: var(--electric);
	--accent-hover: var(--electric-hover);
	--accent-ink: #ffffff;
	--link: var(--electric);
	--accent-2: var(--electric);
	--qarin-blue: var(--electric);
	--lavender: var(--electric);
	--pink: var(--electric);
	--good: #0f9f6e;
	--protected: #f3faf6;
	--warn: #d97706;
	--warn-bg: #fff8eb;
	--warn-ink: #8a5a10;
	--warn-line: #efd09a;
	--danger: #e11d48;
	--danger-bg: #fff4f4;
	--danger-ink: #8f1d22;
	--danger-line: #f3b4b6;
	--deep-2: #1a1a1a;
	--deep-line: #2a2a2a;
	--on-dark: #E7E8EA;
	--muted-on-dark: #A7ABB2;
	--track: #D9D7D1;

	--sev-critical: #C5343A;
	--sev-high: #D85A1A;
	--sev-medium: #C48A12;
	--sev-low: var(--electric);
	--sev-info: var(--slate);

	--grad-a: var(--stone);
	--grad-b: var(--electric);
	--grad-c: var(--ink);
	--glass: #ffffff;
	--glass-dark: rgba(17, 17, 17, 0.58);

	--radius-sm: 12px;
	--radius: 14px;
	--radius-lg: 16px;
	--lavender-card: #ffffff;
	--chip: #EEEDE8;
	--shadow-sm: 0 1px 2px rgba(17, 17, 17, 0.04);
	--shadow: 0 8px 24px rgba(17, 17, 17, 0.05);
	--shadow-lg: 0 16px 36px rgba(17, 17, 17, 0.08);
	--glow: none;
	--focus: 0 0 0 3px rgba(47, 75, 255, 0.28);

	--font: "Satoshi", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	--font-display: "Satoshi", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

	--text-xs: 12px;
	--text-sm: 13.5px;
	--text-md: 16px;
	--text-lg: 18px;
	--text-xl: 28px;
	--text-2xl: 48px;
	--space-page: clamp(20px, 4vw, 40px);
	--mkt-bg: var(--stone);
	--mkt-line: #E4E2DC;
	--mkt-inset: #EEEDE8;
	--mkt-recommend: var(--electric-soft);
	--mkt-radius: 22px;
	--mkt-col: 1280px;
	--app-top: 58px;
}