/* The six accents come from the owner's color reference. The Deen Skills
   staircase and green wordmark remain the identity. */
:root {
  --brand-green: #154734;
  --accent-lime: #8fc33f;
  --accent-cyan: #4fc9f5;
  --accent-teal: #16a399;
  --accent-purple: #67308c;
  --accent-gold: #ffc631;
  --accent-pink: #ee3380;
  --tint-lime: #ebf4dc;
  --tint-cyan: #dff5fd;
  --tint-teal: #d5eeed;
  --tint-purple: #e4daea;
  --tint-gold: #fff5da;
  --tint-pink: #fcdae8;
  --sc-accent: var(--brand-green);
}

::selection { background: var(--accent-gold); color: var(--brand-green); }
.brand span { color: var(--brand-green); }
.button { background: var(--brand-green); border-color: var(--brand-green); }
.button.secondary { color: var(--brand-green); background: transparent; }
.button.light { background: var(--accent-gold); color: var(--brand-green); border-color: var(--accent-gold); }
.hero-description > .button { background: var(--accent-gold); color: var(--brand-green); border-color: var(--accent-gold); }
.text-link { border-bottom-color: var(--accent-teal); }
.text-link > span { color: #096f68; }
.desktop-nav a[aria-current] { text-decoration-color: var(--accent-teal); text-decoration-thickness: 2px; }

/* Inline marks keep the existing wrapping and geometry of the typography. */
.keyword-highlight {
  color: inherit;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
.highlight-gold { background: linear-gradient(transparent 65%, var(--accent-gold) 65%, var(--accent-gold) 92%, transparent 92%); }
.highlight-cyan { background: linear-gradient(transparent 67%, var(--accent-cyan) 67%, var(--accent-cyan) 93%, transparent 93%); }
.highlight-lime { background: linear-gradient(transparent 65%, var(--tint-lime) 65%, var(--tint-lime) 93%, transparent 93%); text-decoration: underline; text-decoration-color: var(--accent-lime); text-decoration-thickness: .055em; text-underline-offset: .045em; }
.highlight-pink { background: linear-gradient(transparent 65%, var(--tint-pink) 65%, var(--tint-pink) 93%, transparent 93%); text-decoration: underline; text-decoration-color: var(--accent-pink); text-decoration-thickness: .045em; text-underline-offset: .055em; }
.highlight-purple { color: var(--accent-purple); }
.highlight-teal { color: #096f68; }
.how-band, .monetization, .price-card.featured { background: var(--brand-green); }
.how-band .how-headline > .how-line-muted { color: #c3d9ce; }
.how-band .keyword-highlight { background: none; color: var(--accent-cyan); }
.monetization .keyword-highlight { background: none; color: var(--accent-gold); }
.how-title .eyebrow { color: #d0e2d8; }
.how-steps p, .monetization > div > p:not(.eyebrow), .compensation-list p { color: #e1ebe6; }
.how-steps .text-link, .monetization .text-link { border-color: var(--accent-cyan); }
.how-steps .text-link > span { color: var(--accent-cyan); }
.how-steps article, .compensation-list article { border-color: #507966; }
.how-steps .step-no { color: var(--accent-gold); }
.how-steps article:nth-child(2) .step-no { color: var(--accent-cyan); }
.how-steps article:nth-child(3) .step-no { color: #b9e27c; }
.price-card { background: #f4edf8; }
.price-card.featured .fine { color: #d0e2d8 !important; }
.price-card.featured li { border-color: #507966; }
.price-card.featured .eyebrow { color: var(--accent-gold) !important; }
.price-card li { border-color: #d6c8df; }
.age-list > div:nth-child(1) strong { color: #67308c; }
.age-list > div:nth-child(2) strong { color: #096f68; }
.age-list > div:nth-child(3) strong { color: #b51959; }
.rail-controls button { border-color: #82afa1; color: var(--brand-green); }
.category-filters button[aria-pressed=true] { color: var(--brand-green); border-color: var(--accent-teal); box-shadow: inset 0 -2px var(--accent-teal); }
.category-filters button { color: #555; }
.course-card[data-category="Faith & language"] .card-line > span:first-child { color: #096f68; }
.course-card[data-category="Creative skills"] .card-line > span:first-child { color: #b51959; }
.course-card[data-category="Science & discovery"] .card-line > span:first-child { color: #126b89; }
.course-card[data-category="Life & money"] .card-line > span:first-child { color: #67308c; }
.faq-list summary > span { color: #096f68; }
.faq-list details[open] { border-top-color: var(--accent-teal); }
.closing { background: #fffaf0; border-color: #f0dfb3; }
.pathway-section { background: #f0f8e8; }
.process-grid article:nth-child(4n+1) { border-top-color: var(--accent-cyan); }
.process-grid article:nth-child(4n+2) { border-top-color: var(--accent-pink); }
.process-grid article:nth-child(4n+3) { border-top-color: var(--accent-teal); }
.process-grid article:nth-child(4n+4) { border-top-color: var(--accent-purple); }
.process-grid article > span { color: #096f68; }
.form-section { background: #f3f8f5; }
.consent input { accent-color: var(--brand-green); }
.notice { background: var(--tint-gold); }
.site-footer {
  background-color: #f2f7f3;
  background-image: linear-gradient(to right, var(--accent-gold) 0 16.666%, var(--accent-pink) 16.666% 33.333%, var(--accent-purple) 33.333% 50%, var(--accent-teal) 50% 66.666%, var(--accent-cyan) 66.666% 83.333%, var(--accent-lime) 83.333% 100%);
  background-repeat: no-repeat;
  background-size: 100% 4px;
}
.footer-motion { color: var(--brand-green); margin-top: 16px; padding-inline: 0; }
@media (hover: hover) and (pointer: fine) {
  a:hover { opacity: 1; }
  .desktop-nav a:hover, .login:hover, .footer-top > div > a:not(.brand):hover, .footer-bottom a:hover, .pathways a:hover strong {
    text-decoration: underline;
    text-decoration-color: #096f68;
    text-underline-offset: 4px;
  }
  .button:hover { background: #21664c; border-color: #21664c; }
  .button.secondary:hover { background: var(--brand-green); color: #fff; }
  .button.light:hover, .hero-description > .button:hover { background: #ffd466; color: var(--brand-green); border-color: #ffd466; }
  .rail-controls button:hover { background: var(--brand-green); color: #fff; }
  .category-filters button:hover { color: #096f68; }
}