@use 'config';
@use 'functions';
@use 'sass:map';
@use 'sass:list';
@use 'theme';
@use 'typography';

// Utils
@use 'utilities/inner-wrapper';
@use 'utilities/visually-hidden';
@use 'utilities/wrapper';

// Components
@use 'components/button';
@use 'components/faq';
@use 'components/form';
@use 'components/heading-permalink';
@use 'components/intro';
@use 'components/nav';
@use 'components/posts';
@use 'components/post';
@use 'components/meeting';
@use 'components/member';
@use 'components/member-list';
@use 'components/modal';
@use 'components/posts-list';
@use 'components/presentation';
@use 'components/site-head';
@use 'components/site-foot';
@use 'components/partner';
@use 'components/skip-link';
@use 'components/video-player';
@use 'components/search-bar';
@use 'components/tags';
@use 'utilities/responsive';

/**
 * GLOBAL STYLES
 */
html,
body {
  height: 100%;
}

body {
  scroll-behavior: smooth;
  display: flex;
  flex-direction: column;
}

main {
  flex: 1 0 auto;

  &:focus {
    outline: none;
  }
}

hr {
  display: block;
  height: 1px;
  max-width: 500px;
  background: var(--color-stroke);
  border: 0;
  margin: functions.get-size(900) auto;
}

// For when metric attributes are added to img elements
img {
  height: auto;
}

:focus {
  outline: 1px solid var(--color-dark);
  outline-offset: .25rem;
}

body,
dd,
dl,
dt,
figcaption,
figure,
h1,
h2,
h3,
h4,
li,
ol,
p,
ul {
  margin: 0;
  padding: 0;
}
ol[class],
ul[class] {
  list-style: none;
}