@import "tailwindcss";

@theme {
	--color-f1-red: #e10600;
	--color-f1-red-dark: #b50500;
	--color-f1-bg: #111111;
	--color-f1-surface: #1a1a1a;
	--color-f1-surface-hover: #242424;
	--color-f1-border: #2a2a2a;
	--color-f1-text: #e0e0e0;
	--color-f1-text-muted: #888888;
}

body {
	background-color: var(--color-f1-bg);
	color: var(--color-f1-text);
	font-family: system-ui, -apple-system, sans-serif;
}

/* Scrollbar styling */
::-webkit-scrollbar {
	width: 6px;
}
::-webkit-scrollbar-track {
	background: var(--color-f1-bg);
}
::-webkit-scrollbar-thumb {
	background: var(--color-f1-border);
	border-radius: 3px;
}

/* HLS video player */
video::-webkit-media-controls {
	display: none !important;
}