/*
 Theme Name: Divi Child
 Theme URI: https://www.elegantthemes.com/gallery/divi/
 Description: A child theme for Divi 5
 Author: Your Name
 Template: Divi
 Version: 1.0.0
*/

/* Import parent theme styles */
@import url("../Divi/style.css");


/* ============================================
   WMS BRAND COLOR PALETTE
   Extracted from logo (Blue, Teal, Orange, Green)
   ============================================ */

/* Primary Brand Colors */
:root {
  --wms-blue:        #1F83BA;
  --wms-dark-teal:   #183D44;
  --wms-orange:      #F49616;

  --wms-leaf-green:  #95B456;
  --wms-forest:      #47704C;

  --wms-charcoal:    #050808;
  --wms-white:       #FFFFFF;
  --wms-light-bg:    #F5F7F8;

  --font-primary: "Helvetica Neue", Arial, sans-serif;
}

body {
  background: var(--wms-light-bg);
  color: var(--wms-charcoal);
  font-family: var(--font-primary);
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  color: var(--wms-dark-teal);
  margin-top: 0;
}

p {
  color: var(--wms-charcoal);
  line-height: 1.6;
}

.button-primary {
  background: var(--wms-blue);
  color: var(--wms-white);
  border: none;
  border-radius: 6px;
  padding: 12px 20px;
  cursor: pointer;
  transition: background 0.25s;
}

.button-primary:hover {
  background: var(--wms-dark-teal);
}

.button-accent {
  background: var(--wms-orange);
  color: var(--wms-white);
  border: none;
  border-radius: 6px;
  padding: 12px 20px;
  cursor: pointer;
  transition: background 0.25s;
}

.button-accent:hover {
  background: #d07814;
}

.navbar {
  background: var(--wms-dark-teal);
  color: var(--wms-white);
  padding: 14px 24px;
}

.navbar a {
  color: var(--wms-white);
  text-decoration: none;
  margin-right: 20px;
}

.navbar a:hover {
  color: var(--wms-orange);
}

.card {
  background: var(--wms-white);
  border: 1px solid var(--wms-blue);
  border-radius: 10px;
  padding: 20px;
  box-shadow: 0px 2px 6px rgba(0,0,0,0.1);
}

.card-header {
  color: var(--wms-blue);
  font-weight: bold;
}

.card-accent {
  border-left: 6px solid var(--wms-orange);
}

.footer {
  background: var(--wms-forest);
  color: var(--wms-white);
  padding: 20px;
  text-align: center;
}