:root {
	--webina-primary: #0a0a0b;
	--webina-secondary: #18181b;
	--webina-accent: #c9a227;
	--webina-bg: #09090b;
	--webina-surface: #141416;
	--webina-text: #fafafa;
	--webina-muted: #a1a1aa;
}

body.webina-site {
	background: var(--webina-bg);
	color: var(--webina-text);
}

.webina-mega-header,
.webina-site-header {
	background: var(--webina-primary);
	border-bottom: 1px solid rgba(201, 162, 39, 0.25);
}

.webina-mega-header__nav a,
.webina-site-header__nav a {
	color: var(--webina-text);
	text-decoration: none;
	margin-inline: 0.75rem;
}

.webina-mega-header__cta {
	background: var(--webina-accent);
	color: var(--webina-primary) !important;
	padding: 0.5rem 1rem;
	border-radius: 8px;
	font-weight: 700;
}

.webina-mega-footer,
.webina-site-footer {
	background: var(--webina-secondary);
	padding: 2rem 1.5rem;
	margin-top: 3rem;
}

.webina-portfolio-card {
	background: var(--webina-surface);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 12px;
	padding: 1rem;
}

.webina-portfolio-card img {
	width: 100%;
	height: auto;
	border-radius: 8px;
}