/* colors.css — global theme variables */

/* Fonts */
:root {
  --font-heading: "UnifrakturCook", "Cinzel Decorative", Georgia, serif;
  --font-body: "EB Garamond", "Times New Roman", serif;
}

/* Colors */
:root {
  --bg-main: #6F2A33;        /* page background */
  --bg-gradient: #C84C2E;    /* inner gradient */
  --gold: #E4E6DC;           /* accent (titles, borders) */
  --parchment: #AAB2A1;      /* body text */
  --ink: #332b1a;            /* darker contrast */
  --error: #d56464;          /* error text */

  --burnt-orange: #C84C2E;
  --merlot: #6F2A33;
  --taracotta-rose: #B35B43;
  --peach-blush: #F5C1A0;
  --olive-green: #556B4E;
  --weather-green: #AAB2A1;
  --mossy-ivory: #E4E6DC;

}

/* Apply global background + font */
body {
  font-family: var(--font-body);
  background: radial-gradient(
    1200px 800px at 50% 40%,
    var(--bg-gradient),
    var(--bg-main)
  );
  color: var(--parchment);
}
h1, h2, h3, h4 {
  font-family: var(--font-heading);
}

.alert {
  margin: 12px 0 16px;
  padding: 12px 14px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,0.15);
  background: rgba(0,0,0,0.35);
}
.alert.success { border-color: rgb(68 201 111 / 0.35); background: rgb(68 201 111 / 0.10); }
.alert.warn    { border-color: rgb(255 194 61 / 0.35);  background: rgb(255 194 61 / 0.10); }
.alert.error   { border-color: rgb(213 100 100 / 0.35); background: rgb(213 100 100 / 0.10); }