/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. This file contains base and
 * application-wide styles, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 */

* {
  margin: 0;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */

  font-family: var(--font-family), system-ui;
}

body {
  max-width: 48em;
  margin: 0 auto var(--space-m) auto;
  padding: 0 var(--space-s);
  background-color: var(--color-background);
  color: var(--color-text);
}

a {
  color: var(--color-primary);
  &:hover {
    color: var(--color-primary-major);
  }
}

img {
  max-width: 100%;
}

hr {
  border-color: var(--color-primary);
  margin: var(--space-m) 0;
}