/*
Theme Name: BrizoMarket
Theme URI: https://brizomarket.com
Author: BrizoSystem Pte Ltd
Author URI: https://brizomarket.com
Description: Dark, flat, data-first theme for BrizoMarket — multi-channel monitoring for Southeast Asian sellers. Built on the brizomarket.com design tokens (Archivo, Hanken Grotesk, IBM Plex Mono).
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: brizomarket
Tags: dark, one-column, two-columns, custom-menu, custom-logo, editor-style, featured-images, translation-ready, blog

BrizoMarket is distributed under the terms of the GNU GPL v2 or later.
Tokens live in assets/css/tokens.css — change them there, never inline.
*/

/* -------------------------------------------------------------------------
   1. Reset
   ------------------------------------------------------------------------- */

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	-webkit-text-size-adjust: 100%;
	scroll-behavior: smooth;
	scroll-padding-top: calc(var(--bz-header-height) + 24px);
	background-color: var(--bz-bg);
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
figure,
blockquote,
dl,
dd {
	margin: 0;
}

ul[class],
ol[class] {
	margin: 0;
	padding: 0;
	list-style: none;
}

img,
svg,
video,
iframe {
	display: block;
	max-width: 100%;
}

img,
video {
	height: auto;
}

button,
input,
select,
textarea {
	font: inherit;
	color: inherit;
}

/* -------------------------------------------------------------------------
   2. Base type
   ------------------------------------------------------------------------- */

body {
	background-color: var(--bz-bg);
	color: var(--bz-ink);
	font-family: var(--bz-font-body);
	font-size: 16px;
	line-height: 1.6;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--bz-font-heading);
	font-weight: 800;
	line-height: 1.12;
	letter-spacing: -0.02em;
	color: var(--bz-ink);
	text-wrap: balance;
}

h1 {
	font-weight: 900;
}

h4,
h5,
h6 {
	letter-spacing: -0.01em;
}

a {
	color: var(--bz-accent-strong);
	text-decoration: none;
	text-underline-offset: 3px;
}

a:hover,
a:focus-visible {
	color: var(--bz-accent);
	text-decoration: underline;
}

strong,
b {
	font-weight: 700;
	color: var(--bz-ink);
}

code,
kbd,
pre,
samp {
	font-family: var(--bz-font-mono);
	font-size: 0.9em;
}

pre {
	overflow-x: auto;
}

blockquote {
	padding-inline-start: 20px;
	border-inline-start: 2px solid var(--bz-border);
	color: var(--bz-ink-soft);
}

hr {
	border: 0;
	border-top: 1px solid var(--bz-border);
}

::selection {
	background-color: var(--bz-accent);
	color: #fff;
}

:focus-visible {
	outline: 2px solid var(--bz-accent-strong);
	outline-offset: 2px;
}

/* -------------------------------------------------------------------------
   3. Layout utilities
   ------------------------------------------------------------------------- */

.bz-container {
	width: 100%;
	max-width: var(--bz-container);
	margin-inline: auto;
	padding-inline: var(--bz-gutter);
}

.bz-main {
	display: block;
}

.bz-visually-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
	border: 0;
}

.bz-accent {
	color: var(--bz-accent);
}

.bz-mono {
	font-family: var(--bz-font-mono);
}

.bz-faint {
	color: var(--bz-ink-faint);
}