/*
 * twig-svg — modern minimal theme.
 *
 * Entry stylesheet. Keep this file thin: theme values live in
 * styles/tokens.css, the app shell in styles/layout.css and the
 * floating panels in styles/panels.css. Web components style their
 * own shadow DOM but consume the same tokens.
 */
@import './styles/tokens.css';
@import './styles/layout.css';
@import './styles/panels.css';

body {
  margin: 0;
  font-family: var(--se-font);
}

a {
  color: var(--se-text);
}

hr {
  border: none;
  border-bottom: 1px solid var(--se-border);
}

/* Dialog backdrop used by elix-based dialogs */
.overlay {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(17, 24, 39, 0.45);
  z-index: 5;
}