/*--------------------------------------------------------------
# Design Tokens - Single Source of Truth
--------------------------------------------------------------*/

/* Fonts – Neutrif Studio (OTF) */
@font-face {
	font-family: "Neutrif Studio";
	src: url("../fonts/neutriff-studio/NeutrifStudio-Regular.otf") format("opentype");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Neutrif Studio";
	src: url("../fonts/neutriff-studio/NeutrifStudio-RegularItalic.otf") format("opentype");
	font-weight: 400;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "Neutrif Studio";
	src: url("../fonts/neutriff-studio/NeutrifStudio-Medium.otf") format("opentype");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Neutrif Studio";
	src: url("../fonts/neutriff-studio/NeutrifStudio-MediumItalic.otf") format("opentype");
	font-weight: 500;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "Neutrif Studio";
	src: url("../fonts/neutriff-studio/NeutrifStudio-SemiBold.otf") format("opentype");
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Neutrif Studio";
	src: url("../fonts/neutriff-studio/NeutrifStudio-SemiBoldItalic.otf") format("opentype");
	font-weight: 600;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "Neutrif Studio";
	src: url("../fonts/neutriff-studio/NeutrifStudio-Bold.otf") format("opentype");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Neutrif Studio";
	src: url("../fonts/neutriff-studio/NeutrifStudio-BoldItalic.otf") format("opentype");
	font-weight: 700;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "Neutrif Studio";
	src: url("../fonts/neutriff-studio/NeutrifStudio-ExtraBold.otf") format("opentype");
	font-weight: 800;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Neutrif Studio";
	src: url("../fonts/neutriff-studio/NeutrifStudio-ExtraBoldItalic.otf") format("opentype");
	font-weight: 800;
	font-style: italic;
	font-display: swap;
}

/* Design Tokens */
:root {
	/* Colors */
	--bg: #ffffff;
	--fg: #0a0a0a;
	--text: #0a0a0a;
	--muted: #666666;
	--border: #e5e5e5;
	--soft: #f4f4f4;
	--accent: #000000;
	/* Store-Info (Homepage) */
	--store-info-bg: #e8e4df;
	--store-info-bg-soft: #f0ede8;
	--store-info-label: #5c5a57;
	--store-info-border: rgba(0, 0, 0, 0.06);

	/* Typography */
	--font-sans: "Neutrif Studio", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	--font: var(--font-sans);

	/* Spacing Scale */
	--s1: 8px;
	--s2: 12px;
	--s3: 16px;
	--s4: 24px;
	--s5: 32px;
	--s6: 40px;
	--s7: 56px;
	--s8: 72px;
	--s9: 96px;
	--s10: 128px;

	/* Radius Scale */
	--r1: 2px;
	--r2: 4px;
	--r3: 8px;
	--r4: 16px;

	/* Layout */
	--container: 1200px;
	--gutter: clamp(16px, 3vw, 40px);

	/* Shadows (minimal) */
	--shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
	--shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
	--shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);
}