/* === CSS Variables === */
:root {
  --basic-primary: #1a2db8;
  --basic-accent: #0f7fa8;
  --basic-highlight: #0a1769;
  --basic-text: #333333;
  --basic-bg: #ffffff;
  --basic-link: #1a2db8;
  --basic-border: #e2e8f2;
  --basic-heading-color: #101a3d;
  --basic-container-width: 1200px;
  --basic-header-bg: #ffffff;
  --basic-header-text: #101a3d;
  --basic-header-link: #101a3d;
  --basic-header-link-hover: #101a3d;
  --basic-header-border: rgba(255,255,255,0.1);
  --basic-footer-bg: #e8f2fb;
  --basic-footer-text: #101a3d;
  --basic-footer-heading: #101a3d;
  --basic-footer-link: #101a3d;
  --basic-footer-link-hover: #ffffff;
  --basic-footer-border: rgba(255,255,255,0.1);
}
:where(body.basic-front){color:var(--basic-text);background:var(--basic-bg)}
:where(body.basic-front) a{color:var(--basic-link)}
body.basic-front{--bs-heading-color:var(--basic-heading-color);--bs-body-color:var(--basic-text);--bs-body-bg:var(--basic-bg);--bs-link-color:var(--basic-link)}
:where(body.basic-front) :where(h1,h2,h3,h4,h5,h6){color:var(--basic-heading-color)}