/*
Theme Name: Maze Streetwear
Theme URI: https://mazestw.in
Author: MAZE
Author URI: https://mazestw.in
Description: Strict high-contrast black-and-white minimalist streetwear WordPress theme engineered for mazestw.in, inspired by Maison Margiela, Helmut Lang, and Stüssy. Built with Tailwind CSS and full native WooCommerce integration. Features an optic white background, pitch black typography, sharp borders, responsive catalog grid, 2-column editorial garment details, size selection pills, and dynamic bag counters.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mazestreetwear
Tags: e-commerce, streetwear, minimalist, brutalist, monochrome, black-and-white, woocommerce, responsive-layout, custom-header, full-width-template
*/

/*
 * Base styles are compiled via Tailwind CSS pipeline into assets/css/bundle.css
 * Run 'npm run build' or 'npm run dev' to compile styles.
 */

@font-face {
  font-family: 'Didot';
  src: url('assets/fonts/Didot.otf') format('opentype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Didot Regular';
  src: url('assets/fonts/Didot.otf') format('opentype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Didot';
  src: url('assets/fonts/Didot.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Didot';
  src: url('assets/fonts/Didot.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

html,
body,
button,
input,
select,
textarea,
h1, h2, h3, h4, h5, h6,
p, a, span, label, table, td, th {
  font-family: 'Didot', 'Didot Regular', 'Didot LT STD', 'Hoefler Text', 'Bodoni MT', 'Georgia', serif !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: optimizeLegibility !important;
}

html {
  font-size: 16px;
  -webkit-text-size-adjust: 100%;
}

@media (min-width: 640px) {
  html {
    font-size: 16.5px;
  }
}

@media (min-width: 1024px) {
  html {
    font-size: 17px;
  }
}

body {
  color: #000000;
  font-weight: 500;
  line-height: 1.6;
}

p {
  color: #111111;
  font-weight: 500;
}

h1, h2, h3, h4, h5, h6 {
  color: #000000;
  font-weight: 700;
  letter-spacing: -0.015em;
}

/* Eliminate faint low-contrast text */
.text-neutral-400 {
  color: #3f3f46 !important;
}

.text-neutral-500 {
  color: #27272a !important;
}

.text-neutral-600 {
  color: #18181b !important;
}

.text-neutral-700 {
  color: #09090b !important;
}