/*
 * Muslim Tech Fest design tokens — GENERATED, do not edit.
 * Source: web/lib/mtf-tokens.mjs · regenerate with `npm run tokens:build` in web/.
 *
 * Served from https://muslimtechfest.com/mtf-tokens.css so the checkout on
 * tickets.muslimtechsummit.com renders as the same brand. Sibling apps may also
 * vendor a copy at build time — this file is the source of that copy either way.
 *
 * Fonts the tokens reference:
 * https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Manrope:wght@400;500;600;700&display=swap
 */
:root,
.mtf-tokens {
	--black: #000000;
	--lime: #a3fa00;
	--white: #ffffff;
	--cyan: #00ffe9;
	--purple: #b700ff;
	--magenta: #ff00e4;
	--gray-950: #0a0a0a;
	--gray-900: #121212;
	--gray-800: #1c1c1c;
	--gray-700: #2a2a2a;
	--gray-600: #404040;
	--gray-500: #6b6b6b;
	--gray-400: #8f8f8f;
	--gray-300: #b3b3b3;
	--gray-200: #d6d6d6;
	--bg-page: var(--black);
	--bg-surface: var(--gray-950);
	--bg-surface-raised: var(--gray-900);
	--bg-surface-hover: var(--gray-800);
	--border-subtle: var(--gray-700);
	--border-strong: var(--gray-600);
	--text-primary: var(--white);
	--text-secondary: var(--gray-300);
	--text-muted: var(--gray-400);
	--text-on-accent: var(--black);
	--accent: var(--lime);
	--accent-hover: #b8ff33;
	--accent-active: #8fdb00;
	--accent-soft: rgb(163 250 0 / 0.12);
	--link: var(--lime);
	--link-hover: var(--accent-hover);
	--font-display: 'Space Grotesk',sans-serif;
	--font-body: 'Manrope',sans-serif;
	--text-xs: 12px;
	--text-sm: 14px;
	--text-base: 16px;
	--text-md: 18px;
	--text-lg: 22px;
	--text-xl: 28px;
	--text-2xl: 36px;
	--text-3xl: 48px;
	--text-4xl: 64px;
	--leading-tight: 1.05;
	--leading-snug: 1.25;
	--leading-normal: 1.5;
	--leading-relaxed: 1.65;
	--weight-regular: 400;
	--weight-medium: 500;
	--weight-semibold: 600;
	--weight-bold: 700;
	--tracking-tight: -0.02em;
	--tracking-normal: 0;
	--tracking-caps: 0.08em;
	--container-max: 1200px;
	--container-pad: 24px;
	--radius-sm: 6px;
	--radius-md: 10px;
	--radius-lg: 16px;
	--radius-pill: 999px;
	--shadow-glow: 0 0 0 1px var(--accent-soft),0 0 32px rgb(163 250 0 / 0.18);
	--ease-out: cubic-bezier(.16,1,.3,1);
	--duration-base: 200ms;
}