/* Clear Ground — shared theme tokens for in-app tools (Performance Pack, Investigations).
 * Marketing pages (Templates, Awards, Handbook, Recruit) keep their own .css for now.
 * Imported BEFORE per-page inline styles so a page can override locally if needed. */

:root {
  /* Brand */
  --green: #0D9488;
  --green-light: #F0FDFA;
  --green-dark: #0F766E;
  --green-tint: #CCFBF1;

  /* Slate scale */
  --slate-900: #0F172A;
  --slate-800: #1E293B;
  --slate-700: #334155;
  --slate-600: #475569;
  --slate-500: #64748B;
  --slate-400: #94A3B8;
  --slate-300: #CBD5E1;
  --slate-200: #E2E8F0;
  --slate-100: #F1F5F9;
  --slate-50:  #F8FAFC;

  /* Semantic */
  --bg: #FAFCFB;
  --red: #DC2626;
  --red-light: #FEF2F2;
  --amber: #D97706;
  --amber-light: #FFFBEB;

  /* Radii */
  --radius-sm: 6px;
  --radius:    8px;
  --radius-md: 10px;
  --radius-lg: 12px;

  /* Type families */
  --font-body: 'DM Sans', system-ui, -apple-system, sans-serif;
  --font-display: 'Playfair Display', Georgia, serif;
}

/* "Next step" card — used after intake to point users at the next phase. */
.next-step-card {
  background: linear-gradient(135deg, #F0FDFA 0%, #FFFFFF 100%);
  border: 1px solid var(--green-tint);
  border-left: 4px solid var(--green);
  border-radius: var(--radius-lg);
  padding: 20px 22px;
  margin-bottom: 18px;
  box-shadow: 0 1px 3px rgba(13,148,136,0.06);
}
.next-step-card .next-step-label {
  font-size: 11px;
  font-weight: 700;
  color: var(--green-dark);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 6px;
}
.next-step-card .next-step-title {
  font-size: 19px;
  font-weight: 700;
  color: var(--slate-900);
  margin: 0 0 6px;
  letter-spacing: -0.01em;
}
.next-step-card .next-step-body {
  color: var(--slate-700);
  font-size: 14px;
  line-height: 1.6;
  margin: 0 0 14px;
  max-width: 640px;
}

/* Section label — small teal kicker above headings, where pages choose to use it. */
.section-label {
  font-size: 12px;
  font-weight: 700;
  color: var(--green);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}