/**
 * Brutalist Base Styles
 * Global overrides for the Executive Brutalism design system.
 * Forces 0px radius, sets body defaults, and custom scrollbar styling.
 */

/* ========================================
   GLOBAL RESET — ZERO RADIUS EVERYWHERE
   ======================================== */
*,
*::before,
*::after {
	border-radius: 0 !important;
}

/* ========================================
   BODY DEFAULTS
   ======================================== */
body {
	background-color: var(--wp--preset--color--base);
	color: var(--wp--preset--color--contrast);
	font-family: var(--wp--preset--font-family--body);
	margin: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* ========================================
   SELECTION
   ======================================== */
::selection {
	background-color: var(--wp--preset--color--accent);
	color: var(--wp--preset--color--base);
}

::-moz-selection {
	background-color: var(--wp--preset--color--accent);
	color: var(--wp--preset--color--base);
}

/* ========================================
   SCROLLBAR — BRUTALIST STYLE
   ======================================== */
::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}

::-webkit-scrollbar-track {
	background: var(--wp--preset--color--base-2);
}

::-webkit-scrollbar-thumb {
	background: var(--wp--preset--color--contrast);
	border: 2px solid var(--wp--preset--color--base-2);
}

::-webkit-scrollbar-thumb:hover {
	background: var(--wp--preset--color--accent);
}

/* Firefox */
* {
	scrollbar-width: thin;
	scrollbar-color: var(--wp--preset--color--contrast) var(--wp--preset--color--base-2);
}

/* ========================================
   IMAGE DEFAULTS
   ======================================== */
img {
	border-radius: 0 !important;
}

/* ========================================
   FORM DEFAULTS
   ======================================== */
input,
textarea,
select {
	border-radius: 0 !important;
	font-family: var(--wp--preset--font-family--body);
}

input:focus,
textarea:focus,
select:focus {
	outline: 2px solid var(--wp--preset--color--accent);
	outline-offset: 0;
}

/* ========================================
   STRUCTURAL BORDERS — UTILITY CLASSES
   ======================================== */
.brutalist-border {
	border: 4px solid var(--wp--preset--color--contrast);
}

.brutalist-border-thin {
	border: 2px solid var(--wp--preset--color--contrast);
}

.brutalist-border-bottom {
	border-bottom: 4px solid var(--wp--preset--color--contrast);
}

.brutalist-border-top {
	border-top: 4px solid var(--wp--preset--color--contrast);
}

.brutalist-border-left {
	border-left: 4px solid var(--wp--preset--color--contrast);
}

.brutalist-border-right {
	border-right: 4px solid var(--wp--preset--color--contrast);
}

/* ========================================
   TEXT UTILITIES
   ======================================== */
.text-mono {
	font-family: var(--wp--preset--font-family--body);
}

.text-heading {
	font-family: var(--wp--preset--font-family--heading);
}

.text-reading {
	font-family: var(--wp--preset--font-family--reading);
}

.text-uppercase {
	text-transform: uppercase;
}

.text-tight {
	letter-spacing: -0.02em;
}

.text-wide {
	letter-spacing: 0.05em;
}

.leading-none {
	line-height: 0.85;
}

.leading-tight {
	line-height: 1.0;
}

/* ========================================
   COLOR ACCENT UTILITIES
   ======================================== */
.text-primary {
	color: var(--wp--preset--color--accent);
}

.text-cyan {
	color: var(--wp--preset--color--accent-4);
}

.text-muted {
	color: var(--wp--preset--color--contrast-3);
}

.bg-surface {
	background-color: var(--wp--preset--color--base-2);
}

.bg-dark {
	background-color: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--base);
}