@import url('header.css');
@import url('hero.css');
@import url('sections.css');
@import url('cards.css');
@import url('footer.css');
@import url('responsive.css');

:root{
  --lrn-blue:#3498db;

  --lrn-bg:#0f1720;
  --lrn-bg-soft:#16202c;
  --lrn-card:#1b2633;

  --lrn-text:#e5edf5;
  --lrn-text-soft:#9fb3c8;

  --lrn-border:rgba(255,255,255,.08);
}

html{
  scroll-behavior:smooth;
}

body{
  font-family:'Inter',Arial,sans-serif;
  color:var(--lrn-text);
  background:var(--lrn-bg);
}

a{
  text-decoration:none;
}