/* Hodges & Mohr Official Color Scheme */
:root {
  /* Primary Colors */
  --black: #000000;         /* Black - C000/M000/Y000/K100 - RGB(0,0,0) */
  --pink: #F05374;          /* Pink - C073/M051/Y059/K033 - RGB(33,55,43) - Pantone 184 */
  
  /* Neutral Colors */
  --warm-gray: #948570;     /* Warm Gray/Muted Taupe - C019/M026/Y037/K048 - RGB(148,133,112) - Pantone 4270 C */
  --soft-beige: #E0D8C4;    /* Soft Beige - C005/M009/Y015/K000 - RGB(230,216,196) - Pantone 7527 C */
  --white: #FFFFFF;         /* White - C000/M000/Y000/K000 - RGB(255,255,255) */
  --muted-oatmeal: #DDC6A3; /* Muted Oatmeal Beige - C007/M010/Y030/K007 - RGB(221,198,163) - Pantone 7500 C */
  
  /* Additional UI Colors */
  --dark-gray: #333333;     /* Dark gray for text */
  --medium-gray: #767676;   /* Medium gray for secondary text */
  --light-gray: #e6e6e6;    /* Light gray for backgrounds */
}

/* Background Colors */
.bg-black {
  background-color: var(--black);
}

.bg-pink {
  background-color: var(--pink);
}

.bg-warm-gray {
  background-color: var(--warm-gray);
}

.bg-soft-beige {
  background-color: var(--soft-beige);
}

.bg-white {
  background-color: var(--white);
}

.bg-muted-oatmeal {
  background-color: var(--muted-oatmeal);
}

/* Text Colors */
.text-black {
  color: var(--black);
}

.text-pink {
  color: var(--pink);
}

.text-warm-gray {
  color: var(--warm-gray);
}

.text-soft-beige {
  color: var(--soft-beige);
}

.text-white {
  color: var(--white);
}

.text-muted-oatmeal {
  color: var(--muted-oatmeal);
}

.text-dark-gray {
  color: var(--dark-gray);
}

.text-medium-gray {
  color: var(--medium-gray);
}

/* Border Colors */
.border-black {
  border-color: var(--black);
}

.border-pink {
  border-color: var(--pink);
}

.border-warm-gray {
  border-color: var(--warm-gray);
}

.border-soft-beige {
  border-color: var(--soft-beige);
}

.border-light-gray {
  border-color: var(--light-gray);
}

.border-muted-oatmeal {
  border-color: var(--muted-oatmeal);
}

/* Button Styles */
.btn-black {
  background-color: var(--black);
  color: var(--white);
}

.btn-black:hover {
  background-color: #333333;
}

.btn-pink {
  background-color: var(--pink);
  color: var(--white);
}

.btn-pink:hover {
  background-color: #e04b6a;
}

.btn-warm-gray {
  background-color: var(--warm-gray);
  color: var(--white);
}

.btn-warm-gray:hover {
  background-color: #877a66;
}

.btn-soft-beige {
  background-color: var(--soft-beige);
  color: var(--black);
}

.btn-soft-beige:hover {
  background-color: #d6ccb5;
}

.btn-muted-oatmeal {
  background-color: var(--muted-oatmeal);
  color: var(--black);
}

.btn-muted-oatmeal:hover {
  background-color: #d1b991;
}

/* Outline Button Styles */
.btn-outline-black {
  background-color: transparent;
  border: 2px solid var(--black);
  color: var(--black);
}

.btn-outline-black:hover {
  background-color: var(--black);
  color: var(--white);
}

.btn-outline-pink {
  background-color: transparent;
  border: 2px solid var(--pink);
  color: var(--pink);
}

.btn-outline-pink:hover {
  background-color: var(--pink);
  color: var(--white);
}

.btn-outline-warm-gray {
  background-color: transparent;
  border: 2px solid var(--warm-gray);
  color: var(--warm-gray);
}

.btn-outline-warm-gray:hover {
  background-color: var(--warm-gray);
  color: var(--white);
}

/* Gradients */
.gradient-black {
  background: linear-gradient(to bottom, var(--black), #333333);
}

.gradient-warm-gray {
  background: linear-gradient(to bottom, var(--warm-gray), #7a6f5d);
}

.gradient-light {
  background: linear-gradient(to bottom, var(--white), var(--soft-beige));
}