/**
 * Skillgy Marketing Site — Design tokens (Phase 0)
 * Scoped to body.skillgy-marketing-active
 */

.skillgy-marketing-root {
  --skillgy-primary: #6b2bd9;
  --skillgy-primary-hover: #5a24c4;
  --skillgy-primary-light: #f3edff;
}

body.skillgy-marketing-active {
  --skillgy-font-family: "Poppins", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  /* Brand purple from mockups */
  --skillgy-primary: #6b2bd9;
  --skillgy-primary-hover: #5a24c4;
  --skillgy-primary-light: #f3edff;
  --skillgy-purple-900: #3F3D89;
  --skillgy-purple-700: #6b2bd9;
  --skillgy-purple-500: #6b2bd9;
  --skillgy-purple-100: #EDE9FE;
  --skillgy-purple-50: #F5F3FF;

  /* Category accents */
  --skillgy-green: #059669;
  --skillgy-pink: #DB2777;
  --skillgy-orange: #EA580C;
  --skillgy-blue: #2563EB;

  /* Marketing neutrals */
  --skillgy-text: #1E1B4B;
  --skillgy-text-muted: #64748B;
  --skillgy-border: #E2E8F0;
  --skillgy-bg: #FFFFFF;
  --skillgy-bg-soft: #F4F7FF;
  --skillgy-footer-bg: #3F3D89;
  --skillgy-footer-text: rgba(255, 255, 255, 0.88);
  --skillgy-footer-muted: rgba(255, 255, 255, 0.65);

  --skillgy-radius-pill: 999px;
  --skillgy-radius-card: 18px;
  --skillgy-navbar-bg: rgba(255, 255, 255, 0.96);
}

body.skillgy-marketing-active.skillgy-dark {
  --skillgy-bg: #0f172a;
  --skillgy-bg-soft: #111827;
  --skillgy-text: #e5e7eb;
  --skillgy-text-muted: #94a3b8;
  --skillgy-border: #1f2937;
  --skillgy-navbar-bg: rgba(17, 24, 39, 0.96);
}

body.skillgy-marketing-active .skillgy-btn-primary {
  background: var(--skillgy-primary);
  border-color: var(--skillgy-primary);
}

body.skillgy-marketing-active .skillgy-btn-primary:hover,
.skillgy-marketing-root .skillgy-btn-primary:hover {
  background: var(--skillgy-primary-hover);
  border-color: var(--skillgy-primary-hover);
  color: #fff;
}

.skillgy-marketing-root .skillgy-btn-primary {
  background: var(--skillgy-primary);
  border-color: var(--skillgy-primary);
}

body.skillgy-marketing-active .skillgy-nav-link:hover {
  color: var(--skillgy-primary);
  background: var(--skillgy-purple-50);
}

body.skillgy-marketing-active .skillgy-nav-link.active {
  color: var(--skillgy-primary);
  background: transparent;
}

body.skillgy-marketing-active .skillgy-btn-pill {
  border-radius: var(--skillgy-radius-pill);
}

body.skillgy-marketing-active .skillgy-btn-pill-outline {
  border-radius: var(--skillgy-radius-pill);
  background: transparent;
  border: 1.5px solid var(--skillgy-primary);
  color: var(--skillgy-primary);
}

body.skillgy-marketing-active .skillgy-btn-pill-outline:hover {
  background: var(--skillgy-purple-50);
  color: var(--skillgy-primary);
}