/*
 * Love 40 Club - design tokens
 * Copied exactly from projects/DESIGN-SYSTEM.md. Dark is the default mode;
 * light mode is applied via html[data-theme="light"]. Do not add new tokens
 * here without recording them in DESIGN-SYSTEM.md first.
 */

@font-face {
	font-family: 'Bricolage Grotesque';
	font-style: normal;
	font-weight: 400 800;
	font-display: swap;
	src: url('../fonts/bricolage-grotesque-latin.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: 'Bricolage Grotesque';
	font-style: normal;
	font-weight: 400 800;
	font-display: swap;
	src: url('../fonts/bricolage-grotesque-latin-ext.woff2') format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
	font-family: 'Space Mono';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('../fonts/space-mono-400-latin.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: 'Space Mono';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('../fonts/space-mono-400-latin-ext.woff2') format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
	font-family: 'Space Mono';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('../fonts/space-mono-700-latin.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: 'Space Mono';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('../fonts/space-mono-700-latin-ext.woff2') format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
	--background: oklch(20.5% .035 166);
	--foreground: oklch(96% .015 94);
	--card: oklch(25% .04 166);
	--primary: oklch(91% .2 111);
	--primary-foreground: oklch(19% .04 166);
	--secondary: oklch(29% .04 166);
	--secondary-foreground: oklch(96% .015 94);
	--muted: oklch(28.5% .03 166);
	--muted-foreground: oklch(73% .025 158);
	--accent: oklch(34% .06 156);
	--accent-foreground: oklch(96% .015 94);
	--border: oklch(100% 0 0/.12);
	--input: oklch(100% 0 0/.16);
	--ring: var(--primary);
	--destructive: oklch(58% .23 28);
	--destructive-foreground: oklch(96% .015 94);

	/* Brand constants - the same in both modes */
	--court: oklch(31% .055 166);
	--court-deep: oklch(21.5% .04 166);
	--ball: oklch(91% .2 111);
	--cream: oklch(97% .015 94);
	--hero-shade: linear-gradient(to top, oklch(14% .035 166/.96) 0%, oklch(14% .035 166/.55) 48%, oklch(14% .035 166/.14) 100%);

	--radius: .5rem;
	--radius-md: .375rem;
}

html[data-theme="light"] {
	--background: oklch(97.5% .012 95);
	--foreground: oklch(19% .034 166);
	--card: oklch(100% 0 0);
	--primary: oklch(72% .19 115);
	--primary-foreground: oklch(18% .035 166);
	--secondary: oklch(92% .018 100);
	--secondary-foreground: oklch(19% .034 166);
	--muted: oklch(93% .012 100);
	--muted-foreground: oklch(48% .025 166);
	--accent: oklch(88% .07 115);
	--accent-foreground: oklch(19% .034 166);
	--border: oklch(84% .022 108);
	--input: oklch(84% .022 108);
	--destructive: oklch(58% .23 28);
	--destructive-foreground: oklch(96% .015 94);
}

html {
	scrollbar-gutter: stable;
}