/*
  Bootstrap Theme Override Layer
  ------------------------------
  Update values in :root to restyle the entire site quickly.
  Keep this file focused on tokens/Bootstrap variables so page styles remain in site.css.
*/

:root {
  /* Brand palette from the original RobinWeb project */
  --brand-teal: #2E7D7A;
  --brand-teal-dark: #1D5C5A;
  --brand-teal-deep: #0F3635;
  --brand-teal-light: #4A9A97;
  --brand-orange: #C8692E;
  --brand-orange-light: #D97B45;
  --brand-cream: #EDEDE0;
  --brand-cream-dark: #DFE0CE;
  --brand-cream-mid: #E6E6D6;
  --brand-charcoal: #2C2416;
  --brand-charcoal-mid: #4A3E2A;
  --brand-charcoal-light: #7A6A50;
  --brand-gold: #C9A030;
  --brand-white: #F7F7EC;

  /* Aliases used by shared site.css component styling */
  --pp-teal: var(--brand-teal);
  --pp-teal-dark: var(--brand-teal-dark);
  --pp-teal-deep: var(--brand-teal-deep);
  --pp-teal-light: var(--brand-teal-light);
  --pp-orange: var(--brand-orange);
  --pp-orange-light: var(--brand-orange-light);
  --pp-cream: var(--brand-cream);
  --pp-cream-dark: var(--brand-cream-dark);
  --pp-cream-mid: var(--brand-cream-mid);
  --pp-charcoal: var(--brand-charcoal);
  --pp-charcoal-mid: var(--brand-charcoal-mid);
  --pp-charcoal-light: var(--brand-charcoal-light);
  --pp-gold: var(--brand-gold);
  --pp-white: var(--brand-white);
  --pp-heading-font: "Playfair Display", Georgia, serif;

  /* Site layout tokens */
  --site-shell-max: 1280px;
  --site-nav-height: 78px;

  /* Bootstrap variables */
  --bs-primary: var(--brand-orange);
  --bs-secondary: var(--brand-teal);
  --bs-success: var(--brand-teal);
  --bs-body-bg: var(--brand-cream);
  --bs-body-color: var(--brand-charcoal);
  --bs-border-color: var(--brand-cream-dark);
  --bs-link-color: var(--brand-teal);
  --bs-link-hover-color: var(--brand-orange);
  --bs-border-radius: 0.2rem;
  --bs-border-radius-lg: 0.28rem;
  --bs-font-sans-serif: "Lora", Georgia, serif;
  --bs-font-monospace: "DM Mono", Consolas, "Liberation Mono", Menlo, monospace;
  --bs-heading-color: var(--brand-charcoal);
}

body {
  background: var(--brand-cream);
  color: var(--brand-charcoal);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Playfair Display", Georgia, serif;
}

.text-brand-teal {
  color: var(--brand-teal);
}