/* Loaded on every front-end page: the VEDA brand font and the page gutter shared with the theme header. */

/* VEDA brand font (Liberation Sans, SIL OFL — see assets/fonts/LICENSE.txt). */
@font-face { font-family: "VEDA Sans"; src: url("../assets/fonts/LiberationSans-Regular.woff") format("woff"); font-style: normal; font-weight: 400; font-display: swap; }
@font-face { font-family: "VEDA Sans"; src: url("../assets/fonts/LiberationSans-Bold.woff") format("woff"); font-style: normal; font-weight: 700; font-display: swap; }

/* Side gutter of the theme header (g-ravitacia: header { padding: … 60px } with its responsive steps).
   The redesigned pages and the footer use the same value, so their edges line up with the red header bar. */
:root { --veda-gutter: 60px; }
@media screen and (max-width: 1550px) { :root { --veda-gutter: 40px; } }
@media screen and (max-width: 1200px) { :root { --veda-gutter: 20px; } }
@media screen and (max-width: 767px)  { :root { --veda-gutter: 15px; } }