/**
 * Grace Life Kids Learning Academy — shared design tokens.
 * Warm, friendly "daycare/early-childhood" palette — deliberately distinct
 * from USA SuperTech's navy/blue "enterprise SaaS" theme (different
 * business, different audience: parents, not IT admins). Structure
 * (CSS custom properties, same naming convention) borrows from
 * usasupertech.com's own ust-theme.css, not its colors.
 */
:root {
  --glka-bg: #fff9f0;
  --glka-surface: #ffffff;
  --glka-border: #f0e4d0;
  --glka-text: #3a2e1f;
  --glka-text-dim: #7a6a55;

  --glka-primary: #e8833a;   /* warm orange — headings, brand */
  --glka-accent: #2f9e6e;    /* friendly green — CTAs, links */
  --glka-accent-yellow: #f4b942;
  --glka-danger: #d64545;

  --glka-font-body: 'Nunito', system-ui, -apple-system, sans-serif;
  --glka-font-head: 'Baloo 2', 'Nunito', system-ui, sans-serif;
}

* { box-sizing: border-box; }
body {
  margin: 0;
  font-family: var(--glka-font-body);
  color: var(--glka-text);
  background: var(--glka-bg);
  line-height: 1.6;
}
h1, h2, h3 { font-family: var(--glka-font-head); color: var(--glka-primary); margin: 0 0 12px; }
a { color: var(--glka-accent); }
.wrap { max-width: 1100px; margin: 0 auto; padding: 0 20px; }

/* ── Nav ── */
.glka-nav { background: var(--glka-surface); border-bottom: 1px solid var(--glka-border); position: sticky; top: 0; z-index: 10; }
.glka-nav .wrap { display: flex; align-items: center; justify-content: space-between; padding: 14px 20px; }
.glka-nav-brand { font-family: var(--glka-font-head); font-size: 20px; font-weight: 800; color: var(--glka-primary); text-decoration: none; }
.glka-nav-links { display: flex; gap: 24px; align-items: center; }
.glka-nav-links a { color: var(--glka-text); text-decoration: none; font-weight: 600; font-size: 15px; }
.glka-nav-links a:hover { color: var(--glka-accent); }
.glka-nav-cta { background: var(--glka-accent); color: #fff !important; padding: 9px 18px; border-radius: 999px; }

/* ── Hero ── */
.glka-hero { background: linear-gradient(135deg, var(--glka-accent-yellow) 0%, var(--glka-primary) 100%); color: #fff; padding: 70px 0; }
.glka-hero h1 { color: #fff; font-size: 40px; margin-bottom: 16px; }
.glka-hero p { font-size: 18px; max-width: 560px; margin-bottom: 26px; }
.glka-btn { display: inline-block; background: #fff; color: var(--glka-primary); padding: 13px 28px; border-radius: 999px; text-decoration: none; font-weight: 800; font-size: 15px; }
.glka-btn.outline { background: transparent; border: 2px solid #fff; color: #fff; }

/* ── Sections ── */
.glka-section { padding: 56px 0; }
.glka-section.alt { background: var(--glka-surface); }
.glka-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 24px; margin-top: 30px; }
.glka-card { background: var(--glka-surface); border: 1px solid var(--glka-border); border-radius: 16px; padding: 26px; }
.glka-card h3 { font-size: 19px; }

/* ── Forms ── */
.glka-form label { display: block; font-weight: 700; margin: 14px 0 6px; font-size: 14px; }
.glka-form input, .glka-form select, .glka-form textarea {
  width: 100%; padding: 11px 14px; border: 1px solid var(--glka-border); border-radius: 10px;
  font-family: inherit; font-size: 15px; background: #fff;
}
.glka-form button { margin-top: 22px; background: var(--glka-accent); color: #fff; border: none; padding: 13px 30px; border-radius: 999px; font-weight: 800; font-size: 15px; cursor: pointer; }
.glka-form button:disabled { opacity: 0.6; cursor: default; }
.glka-msg { margin-top: 14px; font-weight: 700; }
.glka-msg.ok { color: var(--glka-accent); }
.glka-msg.err { color: var(--glka-danger); }

/* ── Footer ── */
.glka-footer { background: var(--glka-primary); color: #fff; padding: 34px 0; margin-top: 40px; text-align: center; font-size: 14px; }
.glka-footer a { color: #fff; }

@media (max-width: 680px) {
  .glka-nav-links { gap: 14px; }
  .glka-hero h1 { font-size: 30px; }
}