/* ============================================================
   PALETTES — one distinct color identity per archetype.
   These overrides remap the brand vars (--scout, --crimson, --gold,
   --cyan, --bone) within each .ov-* scope so existing overlay rules
   pick up new colors automatically.
   ============================================================ */

/* ---------- M1 OPERATOR — Tactical Olive ---------- */
.ov-operator {
  --scout:        #7d9a4f;   /* olive primary */
  --scout-glow:   #b8d97a;   /* HUD-active olive */
  --ash:          #e8e4d9;   /* warm bone text */
  --smoke:        #8a8a78;   /* warm dim */
  --ink-dim:      #8a8a78;
  --ink-dimmer:   #4a4a3e;
  --c-bg:         rgba(10, 16, 8, 0.78);
}

/* ---------- M2 BERSERKER — Magma Wrath ---------- */
.ov-berserker {
  --crimson:        #ff2d1f;   /* volcanic red */
  --crimson-2:      #ff8a00;   /* lava orange */
  --crimson-glow:   #ffd400;   /* warning yellow flare */
  --ash:            #ffffff;
  --smoke:          #c89070;   /* dim ember */
  --c-bg:           rgba(20, 4, 0, 0.82);
}

/* ---------- M3 PHANTOM — Spectral Void ---------- */
.ov-phantom {
  --cyan:           #b48aff;   /* spectral lavender */
  --ghost-slate:    #d3c4ff;   /* pale ghost */
  --ash:            #e8e0ff;
  --smoke:          #7a6ba0;
  --ink-dim:        #6f6190;
  --ink-dimmer:     #3a325a;
  --c-bg:           rgba(10, 6, 18, 0.7);
}

/* ---------- M4 SHOGUN — Imperial Lacquer ---------- */
.ov-shogun {
  --gold:           #d4af37;   /* rich imperial gold */
  --gold-2:         #f5d870;   /* highlight */
  --ash:            #f0ead6;   /* ivory */
  --smoke:          #a89060;
  --c-bg:           rgba(10, 8, 4, 0.88);
  --jade:           #0d8266;   /* secondary accent jade (custom) */
}

/* ---------- F1 MARKSMAN — Glacier Steel ---------- */
.ov-marksman {
  --crimson:        #ff4d6d;   /* sniper crimson */
  --crimson-2:      #ff7a96;   /* warm pink */
  --bone:           #c8dde8;   /* ice-tinted bone */
  --ash:            #e8f2f8;
  --smoke:          #6a7a8a;
  --ink-dim:        #6a7a8a;
  --c-bg:           rgba(8, 14, 20, 0.78);
}

/* ---------- F2 VALKYRIE — Rose Imperium ---------- */
.ov-valkyrie {
  --gold:           #e8a87c;   /* rose gold */
  --gold-2:         #f5cba8;   /* highlight rose */
  --crimson:        #c41e3a;   /* garnet */
  --crimson-2:      #ff5470;   /* hot rose */
  --crimson-glow:   #ff8090;
  --ash:            #f5ecd4;   /* pearl ivory */
  --smoke:          #b08868;
  --c-bg:           rgba(14, 6, 8, 0.8);
}

/* ---------- F3 MIKO — Sakura Shrine ---------- */
.ov-miko {
  /* In this overlay, --cyan is the "primary glyph color"
     and --gold is the secondary, both used for tarot + omens.
     We remap to shrine reds / sakura pinks / lavenders. */
  --cyan:           #ff3d62;   /* shrine red */
  --gold:           #f4b8c1;   /* sakura pink */
  --gold-2:         #ffd6dd;   /* light sakura */
  --crimson:        #a888d4;   /* mystic lavender */
  --ash:            #fce8ed;
  --smoke:          #b08aa0;
  --c-bg:           rgba(12, 6, 10, 0.78);
  --shrine:         #ff3d62;
}

/* ---------- F4 NETRUNNER — Cyberpunk Matrix ---------- */
.ov-netrunner {
  --cyan:           #39ff14;   /* matrix green */
  --crimson:        #ff00aa;   /* neon magenta */
  --crimson-2:      #ff44cc;
  --crimson-glow:   #ff88dd;
  --ash:            #d8ffd8;
  --smoke:          #5a8a5a;
  --gold-2:         #ffea00;   /* neon highlight */
  --ink-dimmer:     #224422;
  --c-bg:           rgba(0, 12, 4, 0.85);
}

/* ============================================================
   Per-archetype mock-game tint — subtle background mood
   ============================================================ */
.canvas-archetype[data-archetype="operator"]  .mock-game { filter: hue-rotate(-15deg) saturate(0.9); }
.canvas-archetype[data-archetype="berserker"] .mock-game { filter: hue-rotate(-35deg) saturate(1.4) brightness(0.95); }
.canvas-archetype[data-archetype="phantom"]   .mock-game { filter: hue-rotate(45deg) saturate(0.7) brightness(0.85); }
.canvas-archetype[data-archetype="shogun"]    .mock-game { filter: hue-rotate(-20deg) saturate(0.85); }
.canvas-archetype[data-archetype="marksman"]  .mock-game { filter: hue-rotate(-10deg) saturate(0.8) brightness(0.95); }
.canvas-archetype[data-archetype="valkyrie"]  .mock-game { filter: hue-rotate(-30deg) saturate(0.9); }
.canvas-archetype[data-archetype="miko"]      .mock-game { filter: hue-rotate(-50deg) saturate(0.95); }
.canvas-archetype[data-archetype="netrunner"] .mock-game { filter: hue-rotate(70deg) saturate(1.1); }

.canvas-archetype {
  position: absolute;
  inset: 0;
}