/*
  With Propshaft, assets are served efficiently without preprocessing steps.
  You can still include application-wide styles in this file.
*/

/*
  Using Sprockets for CSS import

  *= require_self
  *= require reset
  *= require variables
  *= require layout
  *= require typography
  *= require input
  *= require checkbox
  *= require icon
  *= require button
  *= require animations
  *= require quicklook
  *= require super-dropdown
  *= require typeahead
  *= require panel
*/

body {
  font-family: var(--base-font-family);
  background-color: var(--color-cc-sand-1);
  color: var(--color-text);
}

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

:focus {
  outline-color: var(--focus-color);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width);
}

::selection {
  background: var(--color-selection-bg);
  color: var(--color-selection-text);
}

:target {
  scroll-margin-block: 5ex;
}