:root {
  /* Random Colors: Red & Warm Tones */
  --primary-color: #C0392B;
  --secondary-color: #8E44AD;
  --accent-color: #F39C12;
  --light-color: #FDF2E9;
  --dark-color: #641E16;
  --background-color: #FFFFFF;
  --text-color: #212121;
  
  /* Variations */
  --hover-color: #A93226;
  --border-color: #E6B0AA;
  --shadow-color: rgba(192, 57, 43, 0.2);
  --highlight-color: #27AE60; /* Green for success/safe */
  
  --main-font: 'Poppins', sans-serif;
  --heading-font: 'Oswald', sans-serif;
}

body {
    font-family: var(--main-font);
    background-color: var(--background-color);
    color: var(--text-color);
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

h1, h2, h3, .btn-bold {
    font-family: var(--heading-font);
    text-transform: uppercase;
}

/* Diagonal Pattern */
.bg-diagonal {
    background: repeating-linear-gradient(
      45deg,
      var(--light-color),
      var(--light-color) 10px,
      #ffffff 10px,
      #ffffff 20px
    );
}

.feature-box {
    border: 2px solid var(--border-color);
    transition: all 0.3s;
}
.feature-box:hover {
    border-color: var(--primary-color);
    background-color: var(--light-color);
}

.btn-cta {
    background: linear-gradient(90deg, var(--primary-color) 0%, var(--hover-color) 100%);
    color: white;
    letter-spacing: 1px;
    box-shadow: 0 4px 15px var(--shadow-color);
}
.btn-cta:hover {
    box-shadow: 0 6px 20px var(--shadow-color);
    filter: brightness(110%);
}

.highlight-box {
    border: 2px dashed var(--accent-color);
    background-color: rgba(243, 156, 18, 0.1);
}

footer {
    background-color: #17202A; /* Almost black */
}