:root {
	/* Brand (logo-based) */
	--red-50: #F7E7EA;
	--red-100: #F1D4D8;
	--red-200: #E6B3BB;
	--red-300: #DA8D98;
	--red-400: #CA5D6D;
	--red-500: #B11129;
	--red-600: #9C0F24;
	--red-700: #850D1F;
	--red-800: #6A0A19;
	--red-900: #500812;

	/* Neutrals */
	--n0: #FFFFFF;
	--n50: #F6F6F7;
	--n100: #ECECEE;
	--n200: #D7D7DA;
	--n300: #B8B8BE;
	--n400: #8F8F98;
	--n500: #6C6C75;
	--n600: #4B4B52;
	--n700: #2F2F35;
	--n800: #1B1B20;
	--n900: #121215;
	--n950: #0B0B0C;

	/* Semantics */
	--bg: var(--n950);
	--bg-subtle: var(--n900);
	--bg-inverse: var(--n950);

	--text: var(--n0);
	--text-2: var(--n300);
	--text-muted: var(--n400);
	--text-inv: var(--n0);

	--border: var(--n800);
	--border-strong: var(--n700);

	--primary: var(--red-500);
	--primary-hover: var(--red-600);
	--on-primary: var(--n0);

	--focus: var(--red-300);

	/* Components */
	--header-bg: var(--bg-inverse);
	--header-text: var(--text-inv);
	--trust-bg: var(--n950);
	--trust-text: var(--n0);

	--btn-r: 14px;
	--card-r: 18px;
	--search-r: 999px;
	--search-h: 44px;
	--btn-h-lg: 52px;

	--sh-xs: 0 1px 2px rgba(0, 0, 0, 0.06);
	--sh-sm: 0 6px 18px rgba(0, 0, 0, 0.10);
	--sh-md: 0 12px 36px rgba(0, 0, 0, 0.14);

	/* Layout */
	--aiko-container: 1200px;
	--aiko-grid-gap: 16px;
	--aiko-header-h: 72px;
}