/* === ANVILHOLD THEME — "Cold Steel" ===
   Gunmetal ground, blued-steel accent, one brass highlight. Loaded before shared.css. */
:root {
  --accent:           #7fb3d5;   /* blued steel */
  --accent-rgb:       127, 179, 213;
  --accent-2:         #a9d3ee;   /* lighter steel, hover state */
  --accent-2-rgb:     169, 211, 238;
  --accent-deep:      #2f4a5c;   /* deep steel, button ground */
  --accent-deep-rgb:  47, 74, 92;
  --highlight:        #c9a961;   /* brass */
  --highlight-rgb:    201, 169, 97;
  --highlight-bright: #f0dc9a;
  --highlight-dim:    #8f7338;
  --highlight-dim-rgb:143, 115, 56;
  --danger:           #d97a7a;
  --black:            #0f1215;
  --black-rgb:        15, 18, 21;
  --dark:             #161b20;
  --surface:          #1c2229;
  --surface-2:        #242c35;
  --surface-alt:      #181f25;
  --text:             #d9dee3;
  --muted:            #6b7a8a;
  --font-display: 'Metamorphous', 'Cinzel', serif;   /* single weight: no faux bold, see font-synthesis */
  --font-body:    'Alegreya', Georgia, serif;
  --font-ui:      'IBM Plex Mono', ui-monospace, monospace;
}

/* Metamorphous ships one weight; never let the browser fake a bold */
body { font-synthesis: none; }

/* Hero logo is a wide stacked SVG (medallion + wordmark), not a square: let it size itself. */
.hero .logo { width: min(92vw, 560px); height: auto; margin-bottom: 20px; }
.hero .logo-img { width: 100%; height: auto; }
.logo-img { box-shadow: none; }

.btn { text-shadow: none; }