/*
Theme Name: BKK by XYZ
Theme URI: https://xyz.digital/
Description: Custom black/white/red dark-mode theme for Bad Kids Klass Worldwide. Hello Elementor child with GSAP + ScrollTrigger + Lenis motion wired in, fully Elementor-compatible. Built by XYZ.
Author: XYZ
Author URI: https://xyz.digital/
Template: hello-elementor
Version: 1.5.5
Requires at least: 6.0
Requires PHP: 8.0
Text Domain: bkk-by-xyz
*/

:root{
  --bkk-bg:#08080B;
  --bkk-bg-2:#0E0E15;
  --bkk-panel:#13131C;
  --bkk-line:rgba(255,255,255,.09);
  --bkk-text:#F5F3EC;
  --bkk-muted:#9A9AA8;
  --bkk-red:#FF2D2D;
  --bkk-red-2:#FF6B6B;
  --bkk-red-deep:#7a1414;
  --bkk-radius:18px;
  --bkk-display:'Archivo','Arial Narrow',sans-serif;
  --bkk-ui:'Space Grotesk',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
}

/* Site-wide dark-mode base */
body{
  background:var(--bkk-bg);
  color:var(--bkk-text);
  font-family:var(--bkk-ui);
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit}
h1,h2,h3,h4,h5{font-family:var(--bkk-display);text-transform:uppercase;letter-spacing:.02em;line-height:.95;font-weight:400}

/* Shared BKK button */
.bkk-btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--bkk-ui);font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:13px;padding:15px 26px;border-radius:999px;background:var(--bkk-red);color:#fff;border:1px solid var(--bkk-red);transition:transform .25s,background .25s,box-shadow .25s;cursor:pointer;text-decoration:none}
.bkk-btn:hover{transform:translateY(-2px);background:var(--bkk-red-2);box-shadow:0 10px 30px rgba(242,41,91,.35);color:#fff}
.bkk-btn--ghost{background:transparent;color:var(--bkk-text);border:1px solid var(--bkk-line)}
.bkk-btn--ghost:hover{border-color:var(--bkk-red);box-shadow:none}
.bkk-btn--block{display:flex;width:100%;justify-content:center;padding:18px}

/* Generic motion layer (also used by Elementor elements tagged .bkk-reveal) */
.bkk-reveal{opacity:0;transform:translateY(42px);will-change:opacity,transform}