/*
Theme Name: jcsalter
Author: Jeff Salter
Description: My Custom WordPress theme
Version: 1.0
Template: kadence

This is the child theme for Kadence theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/

:root{
  /* Core palette */
  --kc-primary: #0B2340;
  --kc-primary-2: #173A5A;
  --kc-dark: #1E1F23;
  --kc-mid: #2E3136;
  --kc-surface: #F4F6F8;
  --kc-paper: #FAFBFC;
  --kc-accent: #17BEBB;         /* cool accent */
  --kc-accent-warm: #FF9F1C;    /* warm alternate */
  --kc-success: #2ECC71;
  --kc-danger: #E64A4A;
  --kc-muted: #9AA0A6;
}

/* Body and text */
body {
  background: var(--kc-surface);
  color: var(--kc-dark);
  -webkit-font-smoothing:antialiased;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}

/* Header / nav */
.site-header, .main-navigation {
  background: var(--kc-primary);
  color: #fff;
}
.main-navigation a { color: rgba(255,255,255,0.9); }
.main-navigation a:hover { color: #fff; opacity: 1; }

/* Primary CTA */
.btn-primary, .wp-block-button .wp-block-button__link {
  background: var(--kc-accent);
  color: #fff;
  border: none;
  padding: 0.65rem 1rem;
  border-radius: 0.375rem;
  box-shadow: 0 6px 18px rgba(11,35,64,0.12);
  transition: transform .12s ease, box-shadow .12s ease;
}
.btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(11,35,64,0.14);
}

/* Secondary button */
.btn-secondary {
  background: transparent;
  color: var(--kc-dark);
  border: 1px solid var(--kc-mid);
  padding: 0.55rem 0.9rem;
  border-radius: 6px;
}

/* Links */
a { color: var(--kc-accent); text-decoration: underline; }
a:hover { color: var(--kc-primary-2); }

/* Cards */
.card {
  background: var(--kc-paper);
  border: 1px solid rgba(46,49,54,0.06);
  box-shadow: 0 6px 18px rgba(46,49,54,0.04);
  padding: 1.25rem;
  border-radius: 12px;
}

/* Footer */
.site-footer {
  background: var(--kc-dark);
  color: var(--kc-paper);
}

/* Utility: subtle gradient hero */
.hero-gradient {
  background: linear-gradient(135deg, var(--kc-primary) 0%, var(--kc-primary-2) 60%);
  color: #fff;
  padding: 4rem 2rem;
  border-radius: 12px;
}