/*!
Theme Name: UNK
Theme URI: https://github.com/mtreik/unk-wp-theme
Author: Mtreik
Author URI: https://github.com/mtreik
Description: Scaffold base de un tema WordPress limpio, modular y orientado a un enfoque headless-like.
Version: 1.0.0
Requires at least: 6.6
Tested up to: 6.8
Requires PHP: 8.4
Text Domain: unk
*/

:root {
	color-scheme: dark;

	--unk-color-bg: #000;
	--unk-color-text: #fff;
	--unk-color-text-muted: rgba(255, 255, 255, 0.5);
	--unk-color-border: rgba(255, 255, 255, 0.1);
	--unk-color-accent: #ff2247;
	--unk-line-opacity: 0.5;

	--unk-font-family-01: "Roy Batty", monospace;
	--unk-font-family-02: "Deckard", Helvetica, sans-serif;
	--unk-font-family-03: "Rachael", Helvetica, sans-serif;
	--unk-font-weight-regular: 400;
	--unk-font-weight-medium: 500;
	--unk-font-weight-bold: 700;

	--unk-root-font-size: 16px;
	--unk-font-size-10: 0.625rem;
	--unk-font-size-12: 0.75rem;
	--unk-font-size-14: 0.875rem;
	--unk-font-size-16: 1rem;
	--unk-font-size-20: 1.25rem;
	--unk-font-size-24: 1.5rem;
	--unk-font-size-32: 2rem;
	--unk-font-size-40: 2.5rem;
	--unk-font-size-48: 3rem;

	--unk-leading-tight: 1.05;
	--unk-leading-snug: 1.2;
	--unk-leading-base: 1.5;
	--unk-leading-relaxed: 1.7;
	--unk-tracking-normal: 0;
	--unk-measure: 68ch;

	--unk-space-0: 0;
	--unk-space-3xs: 0.125rem;
	--unk-space-2xs: 0.25rem;
	--unk-space-xs: 0.5rem;
	--unk-space-sm: 0.75rem;
	--unk-space-md: 1rem;
	--unk-space-lg: 1.5rem;
	--unk-space-xl: 2rem;
	--unk-space-2xl: 3rem;
	--unk-space-3xl: 4rem;
	--unk-space-4xl: 5rem;
	--unk-space-6xl: 8rem;

	--unk-radius-sm: 0.5rem;
	--unk-radius-md: 1rem;
	--unk-shadow-soft: 0 16px 40px rgba(17, 17, 17, 0.08);
}

@media (min-width: 48em) {
	:root {
		--unk-space-lg: 1.75rem;
		--unk-space-xl: 2.5rem;
		--unk-space-2xl: 3.5rem;
		--unk-space-3xl: 5rem;
		--unk-space-4xl: 6.5rem;
		--unk-space-6xl: 10rem;
	}
}

@media (min-width: 80em) {
	:root {
		--unk-space-3xl: 6rem;
		--unk-space-4xl: 8rem;
		--unk-space-6xl: 12rem;
	}
}

@font-face {
	font-family: "Roy Batty";
	src:
		url("assets/fonts/Robert_Paulson-Regular.woff2") format("woff2"),
		url("assets/fonts/Robert_Paulson-Regular.woff") format("woff");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	text-transform: uppercase;
}

@font-face {
	font-family: "Deckard";
	src:
		url("assets/fonts/Tayler_Durden-Medium.woff2") format("woff2"),
		url("assets/fonts/Tayler_Durden-Medium.woff") format("woff");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Rachael";
	src:
		url("assets/fonts/Marla_Singer-Bold.woff2") format("woff2"),
		url("assets/fonts/Marla_Singer-Bold.woff") format("woff");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
	text-transform: uppercase;
}