/* =========================================
   GLOBAL FONT COLORS – GREEN THEME
   Step 2: Font color hierarchy across entire site
   Scope: text colors only (no layout/spacing/font-family changes)
   ========================================= */

:root {
  /* Step 45: Softer, less neon accent + tighter text hierarchy */
  --vexa-accent: #16a34a;           /* green-600 (easier on eyes) */
  --vexa-text-primary: #f8fafc;     /* slate-50 */
  --vexa-text-secondary: #cbd5e1;   /* slate-300 */
  --vexa-text-muted: #94a3b8;       /* slate-400 */
}

body {
  color: var(--vexa-text-secondary);
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
  color: var(--vexa-text-primary);
}

/* Paragraphs and list text */
p, li {
  color: var(--vexa-text-secondary);
}

/* Muted/meta text */
.small, small,
.meta, .muted, .text-muted,
.caption, .hint, .helper,
.subtext, .label, .badge-text,
.time, .duration, .level, .tagline {
  color: var(--vexa-text-muted);
}

/* Links — premium: keep text neutral by default, use green only for intentional accents */
a { color: inherit; }

/* Intentional accent links */
.btn-link,
.course-link,
.link-accent,
a.btn-link {
  color: var(--vexa-accent) !important;
}

/* Subtle hover for normal links */
a:hover{ color: var(--vexa-accent); }

/* Keep button text readable; do not change button backgrounds here */
button, .btn, .button { color: inherit; }

/* Badges that were purple */
.level-badge {
  color: var(--vexa-accent) !important;
}

/* Any utility text that used purple accents */
.text-accent,
.accent,
.highlight {
  color: var(--vexa-accent) !important;
}

/* Prevent orange hover from previous CSS */
.btn-link:hover,
.course-link:hover,
.link-accent:hover { filter: brightness(1.08); }

/* Preserve button contrast (avoid green-on-green) */
a.btn-primary {
  color: #022c22 !important; /* matches styles.css */
}
a.btn-outline {
  color: #e5e7eb !important; /* matches styles.css */
}

/* Badges/accents that were purple */
.level-badge,
.text-accent,
.accent,
.highlight { color: var(--vexa-accent) !important; }
