/**
 * Salvage Podcast — brand palette.
 *
 * Every colour in the design resolves through these tokens, so the whole site
 * can be retuned from this one block. main.css references them by name with
 * the original value kept as a fallback.
 *
 * The palette is built from the logo mark, #493A17 — a deep olive-brown that
 * sits at hue 42°. The accent is that same hue opened up to be legible on a
 * dark ground; the neutrals are warmed toward it so nothing reads as cold grey
 * next to the mark.
 */

:root {
  /* Brand */
  --sv-brand: #493A17;          /* the logo colour, unaltered */
  --sv-accent: #D9A441;         /* brass — hue 42, lifted for dark backgrounds */
  --sv-accent-strong: #E8BC5C;  /* hover / focus */
  --sv-accent-deep: #8A6B24;    /* pressed, and borders on light ground */

  /* Ground */
  --sv-ink: #0E0D0B;            /* page background, and text on the accent */
  --sv-surface: #17150F;        /* raised panels */
  --sv-muted: #2A251B;          /* fills */
  --sv-line: #3A3327;           /* hairlines and image borders */

  /* Light */
  --sv-light: #F6F2E9;          /* primary text on dark */
  --sv-light-2: #C9C2B4;        /* secondary text */
  --sv-light-3: #EFEAE0;        /* light panel fills */
}

/**
 * Bootstrap ships its colour utilities with !important, so the few the design
 * uses are re-pointed at the palette rather than left as absolute white/black.
 */
.bg-white {
  background-color: var(--sv-light, #F6F2E9) !important;
}

.bg-black {
  background-color: var(--sv-ink, #0E0D0B) !important;
}

.text-white {
  color: var(--sv-light, #F6F2E9) !important;
}