/*
 Theme Name:  Agent English Child
 Theme URI:   https://agentenglish.co
 Description: Lightweight child theme for Astra optimized for content sites (articles, ebooks, courses). Uses a system font stack, clean buttons, and subtle spacing.
 Author:      Agent English
 Template:    astra
 Version:     1.0.0
 License:     GNU General Public License v2 or later
 Text Domain: agentenglish-child
*/

/* ---------- CSS Variables (Design System) ---------- */
:root {
  --ae-primary: #0ea5e9;        /* cyan-blue */
  --ae-primary-700: #0369a1;
  --ae-accent:  #f59e0b;        /* amber */
  --ae-bg:      #ffffff;
  --ae-muted:   #64748b;        /* slate-500 */
  --ae-text:    #0f172a;        /* slate-900 */
  --ae-border:  #e2e8f0;        /* slate-200 */
  --ae-radius:  10px;
  --ae-maxw:    1200px;
}

/* ---------- Global Typography ---------- */
body { 
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell,
               "Helvetica Neue", Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  color: var(--ae-text);
  background: var(--ae-bg);
  line-height: 1.6;
}
h1, h2, h3, h4, h5, h6 {
  letter-spacing: -0.01em;
  line-height: 1.25;
  color: var(--ae-text);
}
p { margin: 0 0 1.1em; }

/* ---------- Buttons ---------- */
.ae-btn, .wp-block-button__link {
  display: inline-block;
  padding: 12px 18px;
  border-radius: var(--ae-radius);
  background: var(--ae-primary);
  color: white;
  text-decoration: none;
  font-weight: 600;
  border: 1px solid var(--ae-primary-700);
  transition: transform .05s ease, background .2s ease;
}
.ae-btn:hover, .wp-block-button__link:hover { background: var(--ae-primary-700); transform: translateY(-1px); }
.ae-btn--alt { background: var(--ae-accent); border-color: #b45309; }

/* ---------- Containers ---------- */
.ae-container { max-width: var(--ae-maxw); margin: 0 auto; padding: 24px; }
.ae-hero { padding: 56px 24px; border-bottom: 1px solid var(--ae-border); }
.ae-hero p { color: var(--ae-muted); font-size: 1.1rem; }
.ae-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 18px; }

.ae-card {
  border: 1px solid var(--ae-border);
  border-radius: var(--ae-radius);
  padding: 18px;
  background: #fff;
}
.ae-muted { color: var(--ae-muted); }

/* ---------- TOC+ minor polish ---------- */
#ez-toc-container { border-radius: var(--ae-radius); }
#ez-toc-container .ez-toc-title { font-weight: 700; }

/* ---------- Footer small text ---------- */
.site-footer, .ast-small-footer { font-size: 0.95rem; }