@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

/* Groot Academy typography and colors: Great Learning-inspired, with Groot identity intact. */
:root {
  --ga-brand-ink: #172342;
  --ga-brand-blue: #0E39A9;
  --ga-brand-blue-hover: #0B2E88;
  --ga-brand-teal: #214EB5;
  --ga-brand-sky: #3567D6;
  --ga-brand-aqua: #C71F0E;
  --ga-brand-amber: #F2A900;
  --ga-brand-violet: #6251B5;
  --ga-brand-banner: linear-gradient(110deg, #0E39A9 0%, #315BC2 100%);
  --ga-brand-banner-ink: #fff;
  --ga-brand-paper: #F7F8FC;
  --ga-brand-surface: #fff;
  --ga-brand-muted: #58647A;
  --ga-brand-line: #E1E5EE;
  --ga-brand-shadow: 0 10px 28px rgba(23,35,66,.08);
  --ga-app-navy: var(--ga-brand-ink);
  --ga-app-blue: var(--ga-brand-blue);
  --ga-app-soft: var(--ga-brand-paper);
  --ga-app-line: var(--ga-brand-line);
}

html,
body {
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

body :is(h1,h2,h3,h4,h5,h6) {
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

body :is(a,button,input,select,textarea):focus-visible {
  outline-color: var(--ga-brand-blue) !important;
}

.ga-topbar {
  background: linear-gradient(110deg, #0E39A9, #315BC2) !important;
}

body.ga-learning-home .ga-lp {
  --ink: #172342;
  --muted: #58647A;
  --forest: #172342;
  --green: #0E39A9;
  --bright: #0E39A9;
  --mint: #EEF2FC;
  --paper: #F7F8FC;
  --line: #E1E5EE;
  --white: #fff;
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

body.ga-learning-home .ga-lp h1,
body.ga-learning-home .ga-lp h2,
body.ga-learning-home .ga-lp h3 {
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

body.ga-learning-home .ga-lp .ga-hero {
  background: linear-gradient(120deg, #F5F7FC 0%, #EAF0FC 100%) !important;
}

body.ga-learning-home .ga-lp .ga-hero .ga-eyebrow::before {
  background: #C71F0E !important;
}

body.ga-learning-home .ga-lp .ga-hero h1 em {
  color: #0E39A9 !important;
}

body.ga-learning-home .ga-lp .ga-button-primary,
body.ga-learning-home .ga-lp .ga-contact-card .ga-lead-form button {
  background: #0E39A9 !important;
  border-color: #0E39A9 !important;
}

body.ga-learning-home .ga-lp .ga-button-primary:hover,
body.ga-learning-home .ga-lp .ga-contact-card .ga-lead-form button:hover {
  background: #0B2E88 !important;
  border-color: #0B2E88 !important;
}

body.ga-learning-home .ga-lp :is(.ga-course-link,.ga-project-label,.ga-faq summary::after) {
  color: #0E39A9 !important;
}

body.ga-learning-home .ga-lp .ga-path-card:nth-child(2) .ga-path-icon,
body.ga-learning-home .ga-lp .ga-course-card[data-ga-category="data"] .ga-course-symbol {
  background: #EEF2FC !important;
  color: #0E39A9 !important;
}

body.ga-learning-home .ga-lp .ga-path-card:nth-child(4) .ga-path-icon,
body.ga-learning-home .ga-lp .ga-course-card[data-ga-category="creative"] .ga-course-symbol {
  background: #FFF0ED !important;
  color: #C71F0E !important;
}