:root {
	--bololo-cyan: #11c7e6;
	--bololo-cyan-deep: #067c98;
	--bololo-magenta: #f047a6;
	--bololo-magenta-deep: #a51673;
	--bololo-white: #ffffff;
	--bololo-black: #030406;
	--bololo-ink: #10131a;
	--bololo-muted: #6c7482;
	--bololo-soft: #f6f8fb;
	--bololo-line: rgba(255, 255, 255, 0.16);
	--bololo-line-dark: rgba(6, 8, 13, 0.14);
	--bololo-gradient-miami: linear-gradient(135deg, #11c7e6 0%, #f047a6 100%);
	--bololo-gradient-night: linear-gradient(145deg, #030406 0%, #070a0f 56%, #110811 100%);
	--bololo-shadow: 0 28px 90px rgba(0, 0, 0, 0.32);
	--bololo-glow-cyan: 0 0 34px rgba(17, 199, 230, 0.35);
	--bololo-glow-magenta: 0 0 38px rgba(240, 71, 166, 0.28);
	--bololo-font-display: "Bebas Neue", "Arial Black", "Impact", system-ui, sans-serif;
	--bololo-font-body: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
	--bololo-radius: 8px;
	--bololo-container: 1180px;
	--bololo-header-height: 82px;
}

html[data-bololo-theme="dark"] {
	--bololo-bg: #030406;
	--bololo-bg-alt: #080b12;
	--bololo-surface: rgba(255, 255, 255, 0.075);
	--bololo-surface-strong: rgba(255, 255, 255, 0.12);
	--bololo-card: #0d111a;
	--bololo-text: #ffffff;
	--bololo-text-soft: rgba(255, 255, 255, 0.76);
	--bololo-text-muted: rgba(255, 255, 255, 0.58);
	--bololo-border: rgba(255, 255, 255, 0.15);
	--bololo-header-bg: rgba(3, 4, 6, 0.64);
}

html[data-bololo-theme="light"] {
	--bololo-bg: #f8fafc;
	--bololo-bg-alt: #ffffff;
	--bololo-surface: rgba(6, 8, 13, 0.055);
	--bololo-surface-strong: rgba(6, 8, 13, 0.09);
	--bololo-card: #ffffff;
	--bololo-text: #11151f;
	--bololo-text-soft: #384150;
	--bololo-text-muted: #657080;
	--bololo-border: rgba(6, 8, 13, 0.13);
	--bololo-header-bg: rgba(255, 255, 255, 0.74);
	--bololo-shadow: 0 26px 80px rgba(15, 23, 42, 0.13);
}