/* Shared Gibaway palette. Component styles consume these values; keep brand artwork, QR and print colors separate. */
@font-face {
  font-family: "Instrument Sans";
  src: url("fonts/instrument-sans/InstrumentSans-Regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Instrument Sans";
  src: url("fonts/instrument-sans/InstrumentSans-Medium.woff2") format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "Instrument Sans";
  src: url("fonts/instrument-sans/InstrumentSans-SemiBold.woff2") format("woff2");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "Instrument Sans";
  src: url("fonts/instrument-sans/InstrumentSans-Bold.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "Newsreader";
  src: url("fonts/newsreader/Newsreader-Variable.woff2") format("woff2-variations");
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
}

:root {
  color-scheme: dark;
  --bg: #141916;
  --bg-rgb: 20, 25, 22;
  --bg-deep: #101411;
  --bg-deep-rgb: 16, 20, 17;
  --surface: #1c211c;
  --surface-rgb: 28, 33, 28;
  --surface-strong: #252b23;
  --surface-strong-rgb: 37, 43, 35;
  --surface-soft: #30372d;
  --surface-soft-rgb: 48, 55, 45;
  --surface-faint: #171c17;
  --surface-faint-rgb: 23, 28, 23;
  --text: #f5eedf;
  --text-rgb: 245, 238, 223;
  --muted: #b5b9ac;
  --muted-rgb: 181, 185, 172;
  --muted-strong: #dadccf;
  --muted-strong-rgb: 218, 220, 207;
  --gold: #efb75b;
  --gold-rgb: 239, 183, 91;
  --gold-hover: #ffd183;
  --gold-hover-rgb: 255, 209, 131;
  --sage: #a4b993;
  --sage-rgb: 164, 185, 147;
  --green: #a4bd91;
  --green-rgb: 164, 189, 145;
  --pink: #db9b92;
  --pink-rgb: 219, 155, 146;
  --violet: #b4a2bb;
  --violet-rgb: 180, 162, 187;
  --danger: #ed8d8d;
  --danger-rgb: 237, 141, 141;
  --on-accent: #192017;
  --on-accent-rgb: 25, 32, 23;
  --success-text: #c7ddbb;
  --success-text-rgb: 199, 221, 187;
  --warning-text: #f4d89f;
  --warning-text-rgb: 244, 216, 159;
  --danger-text: #f3b5b5;
  --danger-text-rgb: 243, 181, 181;
  --info-text: #dadccf;
  --info-text-rgb: 218, 220, 207;
  --mascot-backdrop: #f1dfb8;
  --mascot-backdrop-rgb: 241, 223, 184;
  --cyan: var(--sage);
  --cyan-rgb: var(--sage-rgb);
  --amber: var(--gold);
  --amber-rgb: var(--gold-rgb);
  --accent: var(--gold);
  --accent-rgb: var(--gold-rgb);
  --success: var(--green);
  --success-rgb: var(--green-rgb);
  --warning: var(--gold);
  --warning-rgb: var(--gold-rgb);
  --error: var(--danger);
  --error-rgb: var(--danger-rgb);
  --panel: var(--surface);
  --panel-rgb: var(--surface-rgb);
  --panel-soft: var(--surface-soft);
  --panel-soft-rgb: var(--surface-soft-rgb);
  --mint: var(--success-text);
  --mint-rgb: var(--success-text-rgb);
  --ink: var(--on-accent);
  --ink-rgb: var(--on-accent-rgb);
  --shadow-rgb: 0, 0, 0;
  --line: rgba(var(--text-rgb), 0.12);
  --line-strong: rgba(var(--text-rgb), 0.21);
  --line-rgb: var(--text-rgb);
  --line-strong-rgb: var(--text-rgb);
  --border: var(--line);
  --accent-2: var(--sage);
  --shadow: 0 18px 48px rgba(var(--shadow-rgb), 0.25);
  --ui-font: "Instrument Sans", "Segoe UI", sans-serif;
  --display-font: "Newsreader", "Iowan Old Style", Georgia, serif;
}