/*
Theme Name: Katohika Nea
Theme URI: https://example.com/
Author: ChatGPT
Description: Dark, archival, long-form editorial WordPress block theme for Katohika Nea.
Version: 1.0.0
Requires at least: 6.2
Tested up to: 6.5
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: katohika-nea
Tags: block-styles, full-site-editing, one-column, dark, custom-colors, custom-logo, editor-style, featured-images
*/

/* Base fixes / enhancements */
:root{
  --kn-ink:#0B0B0C;
  --kn-charcoal:#111214;
  --kn-slate:#1A1C1F;
  --kn-sepia:#2A241C;
  --kn-gold:#9A8456;
  --kn-gold-2:#B8A06A;
  --kn-text:#E6E1D8;
  --kn-muted:#B9B2A6;
  --kn-meta:#7C776E;
  --kn-line:rgba(184,160,106,.22);
  --kn-line2:rgba(230,225,216,.10);
  --kn-radius:16px;
  --kn-shadow: 0 10px 30px rgba(0,0,0,.35);
}

/* Subtle archival paper grain */
body{
  background-color: var(--kn-ink);
  background-image:
    radial-gradient(circle at 20% 10%, rgba(154,132,86,.08), transparent 35%),
    radial-gradient(circle at 80% 30%, rgba(184,160,106,.05), transparent 40%),
    radial-gradient(circle at 35% 90%, rgba(58,49,38,.18), transparent 45%),
    linear-gradient(180deg, rgba(0,0,0,.25), rgba(0,0,0,.15)),
    url("assets/paper-grain.svg");
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat;
  background-size: 900px 900px, 1200px 1200px, 1100px 1100px, cover, 420px 420px;
  background-blend-mode: screen, screen, multiply, normal, overlay;
}

/* Links: quiet, editorial */
a{
  text-underline-offset: .22em;
  text-decoration-thickness: .08em;
}

/* Thin separators */
.kn-divider{
  display:flex;
  align-items:center;
  gap:12px;
  margin: 22px 0;
  opacity:.9;
}
.kn-divider::before, .kn-divider::after{
  content:"";
  height:1px;
  flex:1;
  background: var(--kn-line2);
}
.kn-divider span{
  font-family: var(--wp--preset--font-family--ui, system-ui);
  letter-spacing:.18em;
  text-transform:uppercase;
  font-size: 11px;
  color: var(--kn-gold-2);
}

/* Column stamp */
.kn-stamp{
  display:inline-block;
  border:1px solid var(--kn-line);
  color: var(--kn-gold-2);
  padding:6px 10px;
  border-radius: 999px;
  font-family: var(--wp--preset--font-family--ui, system-ui);
  font-size: 12px;
  letter-spacing: .14em;
  text-transform: uppercase;
  background: rgba(17,18,20,.35);
  backdrop-filter: blur(2px);
}

/* Article meta */
.kn-meta{
  font-family: var(--wp--preset--font-family--ui, system-ui);
  color: var(--kn-meta);
  font-size: 13px;
  letter-spacing: .04em;
}

/* Pullquotes / “testimony” */
blockquote{
  border-left: 2px solid var(--kn-line);
  padding-left: 18px;
  margin: 26px 0;
  color: var(--kn-muted);
}
blockquote cite{
  display:block;
  margin-top: 10px;
  font-style: normal;
  color: var(--kn-meta);
  font-family: var(--wp--preset--font-family--ui, system-ui);
  font-size: 12px;
  letter-spacing:.06em;
  text-transform: uppercase;
}

/* Evidence callout */
.kn-evidence{
  border: 1px solid var(--kn-line2);
  border-left: 3px solid var(--kn-line);
  padding: 18px 18px 16px;
  border-radius: var(--kn-radius);
  background: rgba(17,18,20,.40);
  box-shadow: 0 10px 25px rgba(0,0,0,.22);
}
.kn-evidence .kn-label{
  font-family: var(--wp--preset--font-family--ui, system-ui);
  font-size: 11px;
  letter-spacing:.18em;
  text-transform: uppercase;
  color: var(--kn-gold-2);
  margin-bottom: 10px;
  display:flex;
  align-items:center;
  gap:10px;
}
.kn-evidence .kn-label::after{
  content:"";
  height:1px;
  flex:1;
  background: var(--kn-line2);
}

/* Smooth, gentle transitions */
a, button, input{
  transition: color .2s ease, background-color .2s ease, border-color .2s ease, transform .2s ease;
}