@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;600&family=Orbitron:wght@500;700&display=swap');

:root {
	font-size: 16px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--cyber-font-display);
	margin: 0;
	color: var(--cyber-text-primary);
	letter-spacing: 0.02em;
}

p {
	margin: 0 0 0.75rem 0;
	color: var(--cyber-text-secondary);
}

.cyber-heading-xl {
	font-size: 2.75rem;
	font-weight: 600;
}

.cyber-heading-lg {
	font-size: 2rem;
	font-weight: 600;
}

.cyber-heading-md {
	font-size: 1.5rem;
	font-weight: 500;
}

.cyber-body {
	font-family: var(--cyber-font-body);
	font-size: 1rem;
}

.cyber-mono {
	font-family: var(--cyber-font-mono);
	font-size: 0.95rem;
}
