/*
Theme Name: P.E.O. 250 Child
Description: Lightweight child theme starter for the P.E.O. 250 microsite.
Template: twentytwentyfour
Version: 0.1.0
*/

:root {
  --peo-navy: #172A4A;
  --peo-red: #A73737;
  --peo-off-white: #F8F5EE;
  --peo-gold: #C9A24A;
  --peo-light-blue: #DCE8F5;
}

body {
  background: var(--peo-off-white);
}

.peo-hero {
  padding: 3rem 2rem;
  background: var(--peo-navy);
  color: #fff;
  border-radius: 1rem;
}

.button,
.wp-block-button__link {
  border-radius: 999px;
}

.button-primary,
.wp-block-button__link.has-primary-background-color {
  background: var(--peo-red);
  color: #fff;
}

.peo-story-card {
  border: 1px solid rgba(23, 42, 74, 0.2);
  border-radius: 0.75rem;
  padding: 1rem;
  background: #fff;
}