/* ===== ROOT VARIABLES ===== */
:root{
  --orange: rgb(205 144 81);   
  --grey-green: rgb(80 95 91);    
  --off-white: rgb(247 246 242);  
  --tan: rgb(225 199 172);  
  --brown-green: rgb(143 134 93); 
  --teal: rgb(67 180 192);
  --red: #ab2d03;

  --text: rgba(255,255,255,.92);
  --muted: rgba(255,255,255,.78);

  --shadow: 0 10px 28px rgba(0,0,0,.28);
}

::selection {
  background-color: var(--orange);/* Background of the selected text */
  color: white; /* Color of the selected text */
}

/* ===== GLOBAL RESET ===== */
*,
*::before,
*::after {
  box-sizing: border-box;
}

body{
  margin: 0;
  font-family: "Source Sans Pro", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: var(--text);
  line-height: 1.55;
}

/* ===== BACKGROUND ===== */
body::before {
  content: "";
  position: fixed;
  inset: 0;

  background: url('../seven_bg_home.jpg') center / cover no-repeat;

  /* subtle blur (safe) */
  filter: blur(5px);
  transform: scale(1.05);

  opacity: 0.9;
  z-index: -2;
}

body::after{
  content:"";
  position: fixed;
  inset: 0;

  /* dark overlay for readability */
  background: radial-gradient(
    1200px 700px at 50% 10%, 
    rgba(0,0,0,.35), 
    rgba(0,0,0,.45)
  );

  z-index: -1;
}

/* ===== GLOBAL ELEMENTS ===== */
/* Titles */
h1 {
  font-size: 40px;
  margin-bottom: 10px;
}

/* Links */
a {
  color: inherit;
  text-decoration: none;
}

/* Images */
img {
  max-width: 100%;
  display: block;
}

/* Lists */
ul {
  padding-left: 20px;
  margin: 10px 0;
}

/* ===== UTILITY ===== */

/* Logo */
.top-left-image {
  position: fixed;
  top: 14px;
  left: 14px;
  width: 200px;
  height: auto;
  z-index: 10;
}

/* ===== HEADER ===== */
.force-transparent-header {
   position: absolute !important;
   top: 0;
   left: 0;
   width: 100%;
   z-index: 9999;
}
.force-transparent-header #masthead,
.force-transparent-header #masthead * {
   background: transparent !important;
   background-color: transparent !important;
   backdrop-filter: transparent !important;
}
.force-transparent-header #masthead,
.force-transparent-header .ast-primary-header-bar,
.force-transparent-header .main-header-bar {
   border: none !important;
   box-shadow: none !important;
}
h1, h2, h3, h4, h5, h6 {
   color: azure !important;
}