/* === EMBERCREST THEME — colour tokens and brand-specific overrides ===
   Loaded before shared.css. Every page styles itself through these tokens. */
:root {
  --accent:           #e8621a;   /* ember orange */
  --accent-rgb:       232, 98, 26;
  --accent-2:         #f5a623;   /* amber */
  --accent-2-rgb:     245, 168, 35;
  --accent-deep:      #8b2500;   /* deep red */
  --accent-deep-rgb:  139, 37, 0;
  --highlight:        #f5c842;   /* gold */
  --highlight-rgb:    245, 200, 66;
  --highlight-bright: #fce58c;
  --highlight-dim:    #c49b2a;
  --highlight-dim-rgb:196, 155, 42;
  --danger:           #ff7a6a;
  --black:            #0d0900;
  --black-rgb:        13, 9, 0;
  --dark:             #1a0e00;
  --surface:          #2a1800;
  --surface-2:        #3d2000;
  --surface-alt:      #1f1410;
  --text:             #e8d5b0;
  --muted:            #8a6a40;
  --font-display: 'Cinzel', serif;
  --font-body:    'Crimson Pro', Georgia, serif;
  --font-ui:      'Share Tech Mono', ui-monospace, monospace;
}

/* Hero / auth logo: square raster emblem with an ember glow */
.logo-img {
  box-shadow:
    0 0 70px rgba(var(--accent-rgb), 0.55),
    0 0 140px rgba(var(--accent-rgb), 0.22);
}
.brand-emblem, .brand-wordmark, .currency-icon { image-rendering: pixelated; }