/* Local public font faces and shared ACG design tokens. */
@font-face {
	font-family: "Inter";
	src: url("../fonts/inter/Inter-Variable-latin.woff2") format("woff2");
	font-style: normal;
	font-weight: 400 800;
	font-display: swap;
}

@font-face {
	font-family: "Poppins";
	src: url("../fonts/poppins/Poppins-SemiBold-latin.woff2") format("woff2");
	font-style: normal;
	font-weight: 600;
	font-display: swap;
}

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

/* Semantic public tokens. Components will adopt them in later migration stages. */
:root {
	--acg-color-bg: #120018;
	--acg-color-bg-deep: #0c0012;
	--acg-color-bg-plum: #26002f;

	--acg-color-surface: rgba(24, 3, 34, 0.80);
	--acg-color-surface-strong: rgba(18, 1, 26, 0.88);
	--acg-color-surface-soft: rgba(35, 10, 43, 0.72);

	--acg-color-border: rgba(255, 171, 208, 0.34);
	--acg-color-border-soft: rgba(255, 211, 232, 0.18);
	--acg-color-border-strong: rgba(255, 213, 231, 0.70);

	--acg-color-text: #ffffff;
	--acg-color-text-body: #f5dce8;
	--acg-color-text-muted: #dbc8d5;

	--acg-color-accent: #bd235b;
	--acg-color-accent-hover: #8f184f;
	--acg-color-accent-bright: #ec3d88;
	--acg-color-accent-soft: #ffb9d4;

	--acg-color-plum: #6b2f7f;
	--acg-color-rim: #3f1639;

	--acg-color-gold: #f6c94c;
	--acg-color-focus: #ffe067;
	--acg-color-success: #baf7d4;

	--acg-font-body: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
	--acg-font-heading: Poppins, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;

	--acg-text-xs: 0.75rem;
	--acg-text-sm: 0.875rem;
	--acg-text-base: 1rem;
	--acg-text-md: 1.125rem;
	--acg-text-lg: 1.375rem;
	--acg-text-xl: 1.75rem;
	--acg-text-2xl: clamp(2rem, 5vw, 3.65rem);

	--acg-leading-tight: 1.15;
	--acg-leading-heading: 1.2;
	--acg-leading-body: 1.6;

	--acg-space-1: 0.25rem;
	--acg-space-2: 0.5rem;
	--acg-space-3: 0.75rem;
	--acg-space-4: 1rem;
	--acg-space-5: 1.5rem;
	--acg-space-6: 2rem;
	--acg-space-7: 3rem;
	--acg-space-8: 4rem;

	--acg-radius-control: 0.65rem;
	--acg-radius-card: 0.9rem;
	--acg-radius-large: 1.15rem;
	--acg-radius-round: 999px;

	--acg-shadow-card: 0 16px 34px rgba(4, 0, 10, 0.25);
	--acg-shadow-card-strong: 0 20px 42px rgba(4, 0, 10, 0.36);
	--acg-shadow-focus: 0 0 0 3px rgba(246, 201, 76, 0.32);

	--acg-container-main: 1280px;
	--acg-container-text: 760px;
}