/*
Theme Name: Jayke Starter
Theme URI: https://jaykereilly.com
Description: Reusable Kadence child theme for Jayke Reilly's WordPress builds. Conversion-focused, fast, and lightweight. Ships with a refined design system, reusable patterns, and a tight plugin integration layer.
Author: Jayke Reilly
Author URI: https://jaykereilly.com
Template: kadence
Version: 1.0.0
Text Domain: jayke-starter
*/

/* ==========================================================================
   Design tokens — mirrors the homepage system
   ========================================================================== */
:root {
  --jayke-bg: #f7f3ec;
  --jayke-surface: #fffdf9;
  --jayke-surface-2: #f0ebe2;
  --jayke-ink: #191816;
  --jayke-muted: #615b53;
  --jayke-line: #ddd4c7;
  --jayke-accent: #b86a2f;
  --jayke-accent-2: #e8c6a7;
  --jayke-radius: 22px;
  --jayke-shadow: 0 18px 60px rgba(17,17,17,.08);
}

/* ==========================================================================
   Typography baseline
   ========================================================================== */
body {
  background: var(--jayke-bg);
  color: var(--jayke-ink);
  line-height: 1.6;
}

h1, h2, h3, h4 {
  letter-spacing: -.03em;
  line-height: 1.12;
}

h1, h2 {
  font-family: "DM Serif Display", Georgia, serif;
  letter-spacing: -.04em;
}

/* ==========================================================================
   Reusable utility components
   ========================================================================== */
.jayke-eyebrow {
  display: inline-flex;
  gap: 10px;
  align-items: center;
  padding: 8px 14px;
  background: #fff;
  border: 1px solid var(--jayke-line);
  border-radius: 999px;
  font-size: .84rem;
  color: var(--jayke-muted);
}

.jayke-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 22px;
  border-radius: 999px;
  font-weight: 700;
  background: var(--jayke-ink);
  color: #fff;
  transition: .2s ease;
}

.jayke-btn:hover {
  transform: translateY(-1px);
  background: var(--jayke-accent);
  color: #fff;
}

.jayke-btn-alt {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 22px;
  border-radius: 999px;
  font-weight: 700;
  border: 1px solid var(--jayke-line);
  background: #fff;
  color: var(--jayke-ink);
  transition: .2s ease;
}

.jayke-btn-alt:hover {
  border-color: var(--jayke-accent);
  color: var(--jayke-accent);
}

.jayke-card {
  background: #fff;
  border: 1px solid var(--jayke-line);
  border-radius: 26px;
  padding: 28px;
  box-shadow: var(--jayke-shadow);
}

/* ==========================================================================
   Performance — reduce animation on reduced-motion preference
   ========================================================================== */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: .01ms !important;
    transition-duration: .01ms !important;
  }
}