/* Kaizan v2 — Brand palette: Gold #FFB900 / Gold Light #FFD133 / Gold Pale #FFF3C4 / Cream #FFFBF0 / Black #000 */
:root {
  --kz-ink: #000000;            /* primary text */
  --kz-ink-2: #1a1a1a;
  --kz-yellow: #FFB900;         /* GOLD — dominant brand color */
  --kz-yellow-deep: #FFD133;    /* GOLD LIGHT — supporting tint, hover, highlights */
  --kz-yellow-soft: #FFF3C4;    /* GOLD PALE — subtle bg, callouts (never text) */
  --kz-paper: #FFFBF0;          /* CREAM — primary light background */
  --kz-cream: #FFFBF0;
  --kz-sand: #FFF3C4;           /* maps to Gold Pale for any "sand" panel use */
  --kz-line: rgba(0,0,0,0.10);
  --kz-line-strong: rgba(0,0,0,0.2);
  --kz-mute: #4a4a4a;
  --kz-mute-2: #777777;

  /* Typography — system sans only, per brand guidelines (no serif, no mono) */
  --kz-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --kz-display: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --kz-mono: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  /* Layout */
  --kz-gutter: 56px;
  --kz-max-w: 1440px;
}

/* ── Buttons ──────────────────────────────────────────────────── */
.kz-btn {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 11px 20px; border-radius: 10px;
  font-weight: 600; font-size: 14px;
  cursor: pointer; border: none;
  transition: all .2s ease;
  text-decoration: none;
  letter-spacing: -0.005em;
  font-family: var(--kz-sans);
}
.kz-btn-yellow { background: var(--kz-yellow); color: var(--kz-ink); box-shadow: 0 1px 2px rgba(0,0,0,.06), 0 8px 24px -8px rgba(255,185,0,.45); }
.kz-btn-yellow:hover { background: var(--kz-yellow-deep); box-shadow: 0 2px 4px rgba(0,0,0,.06), 0 12px 32px -10px rgba(255,185,0,.55); transform: translateY(-1px); }
.kz-btn-black { background: var(--kz-ink); color: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.1), 0 8px 24px -10px rgba(0,0,0,.5); }
.kz-btn-black:hover { background: #1a1a1a; box-shadow: 0 2px 4px rgba(0,0,0,.12), 0 12px 32px -10px rgba(0,0,0,.55); transform: translateY(-1px); }
.kz-btn-ghost { background: transparent; color: var(--kz-ink); border: 1px solid rgba(0,0,0,.18); }
.kz-btn-ghost:hover { background: rgba(0,0,0,.04); border-color: rgba(0,0,0,.35); }
.kz-btn-ghost-light { background: transparent; color: var(--kz-paper); border: 1px solid var(--kz-paper); }
.kz-btn-ghost-light:hover { background: rgba(255,251,240,.08); }

/* ── Depth utilities ──────────────────────────────────────────── */
.kz-shadow-lift  { box-shadow: 0 1px 2px rgba(0,0,0,.04), 0 12px 28px -16px rgba(40,30,15,.18); }
.kz-shadow-card  { box-shadow: 0 1px 2px rgba(40,30,15,.04), 0 16px 40px -22px rgba(40,30,15,.22); }
.kz-shadow-soft  { box-shadow: 0 24px 60px -32px rgba(40,30,15,.30); }
.kz-shadow-inner { box-shadow: inset 0 1px 0 rgba(255,255,255,.6), 0 1px 2px rgba(40,30,15,.04), 0 16px 40px -22px rgba(40,30,15,.18); }

/* ── Soft warmth — quiet ambient washes ───────────────────────── */
.kz-wash-gold      { background: radial-gradient(ellipse at top right, rgba(255,185,0,.10), transparent 60%); }
.kz-wash-gold-pale { background: radial-gradient(ellipse at center, rgba(255,243,196,.55), transparent 65%); }

/* ── Chips & dots ─────────────────────────────────────────────── */
.kz-chip {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 6px 12px; border-radius: 999px;
  background: #fff; border: 1px solid var(--kz-line);
  font-size: 12px; font-weight: 500;
}
.kz-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--kz-yellow); display: inline-block; }

.kz-eyebrow {
  font-size: 11px; letter-spacing: .18em; text-transform: uppercase;
  font-weight: 600; color: var(--kz-mute); font-family: var(--kz-mono);
}