/* HouTV theme — YouTube palette with a vibrant green accent (replaces YouTube red). */

:root {
	/* Brand green */
	--primary: #1da35a;
	--primary-dark: #15803d;
	--primary-light: #22c55e;
	--primary-contrast: #ffffff;
	--primary-soft: rgba(29, 163, 90, 0.12);

	/* YouTube neutrals — light theme */
	--bg: #ffffff;
	--bg-secondary: #f9f9f9;
	--bg-elevated: #ffffff;
	--bg-hover: #f2f2f2;
	--bg-chip: #f2f2f2;
	--bg-chip-active: #0f0f0f;
	--bg-chip-active-text: #ffffff;
	--border: #e5e5e5;
	--text: #0f0f0f;
	--text-secondary: #606060;
	--text-muted: #909090;
	--shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 2px 6px rgba(0, 0, 0, 0.06);
	--danger: #cc0000;

	--header-h: 56px;
	--sidebar-w: 240px;
	--radius: 12px;
}

html[data-theme='dark'] {
	--bg: #0f0f0f;
	--bg-secondary: #181818;
	--bg-elevated: #212121;
	--bg-hover: #272727;
	--bg-chip: #272727;
	--bg-chip-active: #ffffff;
	--bg-chip-active-text: #0f0f0f;
	--border: #303030;
	--text: #f1f1f1;
	--text-secondary: #aaaaaa;
	--text-muted: #717171;
	--shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.3);
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

html,
body {
	height: 100%;
}

body {
	font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	background: var(--bg);
	color: var(--text);
	-webkit-font-smoothing: antialiased;
}

a {
	color: inherit;
	text-decoration: none;
}

::selection {
	background: var(--primary-soft);
}

/* Scrollbar */
::-webkit-scrollbar {
	width: 10px;
	height: 10px;
}
::-webkit-scrollbar-thumb {
	background: var(--border);
	border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
	background: var(--text-muted);
}