/*
Theme Name: Kraze
Theme URI: https://krazeglobal.com
Author: Kraze
Description: Editorial K-pop culture theme for Kraze — black & white, glass UI, Instagram-first front page for a young publication with a growing archive.
Version: 1.2.5
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: kraze
*/

/* ==========================================================================
   DESIGN TOKENS — "Controlled Tension"
   Strict black & white editorial base, glass accents, one chrome gradient.
   ========================================================================== */

:root{
  --ink:        #0a0a0a;
  --ink-soft:   #141414;
  --paper:      #f7f7f4;
  --paper-dim:  #ececea;
  --gray-700:   #4a4a48;
  --gray-500:   #7c7c79;
  --gray-300:   #c9c9c6;
  --line:       rgba(10,10,10,.13);
  --line-invert:rgba(247,247,244,.16);

  --glass-bg:      rgba(10,10,10,.55);
  --glass-bg-lite: rgba(247,247,244,.10);
  --glass-border:  rgba(247,247,244,.22);
  --glass-blur:    14px;

  --chrome: linear-gradient(135deg, rgba(255,255,255,.95) 0%, rgba(255,255,255,.25) 45%, rgba(255,255,255,.7) 100%);

  --radius-pill: 999px;
  --radius-sm:   2px;

  --font-display: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-body:    "Helvetica Neue", Helvetica, Arial, sans-serif;

  --ease: cubic-bezier(.16,.84,.44,1);
  --dur-s: .25s;
  --dur-m: .55s;
  --dur-l: .9s;

  --container: 1240px;
  --gutter: clamp(20px, 4vw, 64px);
}

*, *::before, *::after{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
@media (prefers-reduced-motion: reduce){
  html{ scroll-behavior:auto; }
  *, *::before, *::after{ animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important; scroll-behavior:auto !important; }
}

body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:var(--font-body);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}

img{ max-width:100%; display:block; }
a{ color:inherit; text-decoration:none; }
ul{ margin:0; padding:0; list-style:none; }
h1,h2,h3,h4,p{ margin:0; }
button{ font-family:inherit; cursor:pointer; }

:focus-visible{
  outline:2px solid var(--ink);
  outline-offset:3px;
}

.container{
  max-width:var(--container);
  margin:0 auto;
  padding-left:var(--gutter);
  padding-right:var(--gutter);
}

/* News photography stays in full colour. Monochrome treatment is reserved
   for the Explore KRAZE directory so the editorial pages still feel alive. */
.kz-photo img,
.kz-media img{
  filter:none;
  transition:filter var(--dur-m) var(--ease), transform var(--dur-l) var(--ease);
}
.kz-photo:hover img,
.kz-media:hover img{
  filter:none;
  transform:scale(1.03);
}

.screen-reader-text{
  position:absolute!important; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;
}