:root {
  /* Colors from palette: #D01257, #34495D, #F2F2F2, #000000 */
  --primary-color: #34495D; /* Slate Blue */
  --secondary-color: #000000; /* Black */
  --accent-color: #D01257; /* Pink/Red */
  --light-color: #F2F2F2; /* Light Grey */
  --dark-color: #1a252f; /* Darker Slate */
  --gradient-primary: linear-gradient(135deg, #34495D 0%, #000000 100%);
  --hover-color: #2C3D4F; /* Darker Slate */
  --background-color: #FFFFFF;
  --text-color: #333333;
  --border-color: rgba(52, 73, 93, 0.15);
  --divider-color: rgba(0, 0, 0, 0.1);
  --shadow-color: rgba(0, 0, 0, 0.1);
  --highlight-color: #27AE60; /* Complementary Green */
  
  /* Fonts: Oswald and Open Sans */
  --main-font: 'Oswald', sans-serif;
  --alt-font: 'Open Sans', sans-serif;
}

/* Background Pattern for Header */
.bg-pattern {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath fill='%23ffffff' fill-opacity='0.15' d='M20 20.5V18H0v-2h20v-2.5L22.5 15 25 11.5 27.5 15l2.5 1.5V14h10v2H30v2.5L27.5 22 25 25.5 22.5 22l-2.5-1.5zM0 38h20v-2H0v2zm0-24h20v-2H0v2z'/%3E%3C/svg%3E");
}