/* Add your custom styles here */
:root {
  --brand-primary: #7096A3;
  --brand-primary-darker: #CDCDCD;
  --bs-pink: #E86B6B;
  --bs-font-sans-serif: "Poppins";
  --bs-font-monospace: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;  

}

body {
  margin: 0;
  font-family: "Poppins", "Rubik", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Adamina";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #7096A3;
  background-color: #FFFEFE;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

code {
  font-size: 75%;
  color: #E86B6B;
  word-wrap: break-word;
}

kbd {
  padding: 0.2rem 0.4rem;
  font-size: 75%;
  color: #FFFEFE;
  background-color: #7096A3;
  border-radius: 0.625rem;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-family: "Poppins", "Rubik", "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 600;
  line-height: 1.2;
  color: #7096A3;
}

.popover-header {
  padding: 0.5rem 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  color: #7096A3;
  background-color: #E86B6B;
  border-bottom: 1px solid #E86B6B;
  border-top-left-radius: calc(2.25rem - 1px);
  border-top-right-radius: calc(2.25rem - 1px);
}

.flex-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}



/* Additional custom styles (palette, fonts, accessibility helpers) */
@import url('https://fonts.googleapis.com/css2?family=Adamina&family=Poppins:wght@300;400;500;600;700&display=swap');

:root {
  --color-blue: #7096A3;
  --color-gray: #CDCDCD;
  --color-peach: #F68E76;
  --color-red: #E86B6B;
  --color-text: #6b7280;
  --color-muted: #6b7280;
  --color-black: #000000;
  --bg: #ffffff;
  --focus-alpha: 0.24;
}

html{font-family: 'Poppins', system-ui, -apple-system, "Segoe UI", Roboto, 'Helvetica Neue', Arial; font-size:16px}
body{font-family:'Poppins', Arial, sans-serif;color:var(--color-text);line-height:1.6}

/* Headings use Adamina */
h1,h2,h3,h4,h5,h6{font-family:'Adamina', Georgia, serif;color:var(--color-blue)}

/* Links and focus */
/*a{color:var(--color-black)} */
a:hover{color:var(--color-blue)}
:focus-visible{outline:3px solid rgba(230,107,107,var(--focus-alpha));outline-offset:3px}

/* Buttons */
.btn-primary{background:var(--color-blue);color:#fff}
.btn-primary:hover{background:var(--color-red)}
.btn:focus-visible{box-shadow:0 0 0 4px rgba(246,142,118,var(--focus-alpha))}

/* Utilities */
.text-muted{color:var(--color-muted)}
.border-muted{border-color:var(--color-gray)}
.bg-peach{background:var(--color-peach);color:#111;padding:.5rem;border-radius:.25rem}
.bg-red{background:var(--color-red);color:#fff;padding:.5rem;border-radius:.25rem}
.u-contrast{background:var(--color-blue);color:#fff;padding:.75rem;border-radius:.375rem}

/* Accessibility helpers */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

img{max-width:100%;height:auto}

/* End appended styles */

/* Apply palette red to hero background holder for stronger accent */
/*.hero-section .bg-holder{background-color:var(--color-red);}