/* Gem Sweeper Soft Pass tokens — Gem Art v1.1
   Source of truth brief: /workspace/gem-sweeper-creative/LOOK_TARGETS_v1.md (Creative)
   Implementable tokens for Web UI / bc-29509cf4
*/
:root {
  /* Void / vault night */
  --void-deep: #0A0612;
  --velvet-900: #1A0F2E;
  --velvet-800: #2A1844;
  --velvet-700: #3D2460;
  --charcoal: #141018;
  --smoke: rgba(12, 8, 22, 0.72);

  /* Metal */
  --gold-bright: #F0D78C;
  --gold: #C9A227;
  --gold-numeral: #D4AF6A; /* Creative lock for board numbers */
  --gold-deep: #8A6A14;
  --bronze: #6B4E2E;
  --metal-edge: #E8D5A3;

  /* Stone / tile — velvet tray */
  --tile-face: #2C1F3D;
  --tile-face-lit: #3A2A52;
  --tile-recess: #140C22;
  --tile-bevel-hi: rgba(240, 215, 140, 0.35);
  --tile-bevel-lo: rgba(0, 0, 0, 0.55);
  --number-ink: #D4AF6A;

  /* Glass */
  --glass-hi: rgba(255, 255, 255, 0.55);
  --glass-mid: rgba(255, 255, 255, 0.18);

  /* HUD */
  --hud-panel: linear-gradient(180deg, #3A2658 0%, #1C1030 100%);
  --hud-border: var(--gold);
  --type-gold: #F0D78C;
  --type-cream: #FFF3E0;
  --danger-ruby: #B01030;
  --safe-emerald: #1F8A5B;

  --r-tile: 10px;
  --r-panel: 14px;
  --stroke-gold: 1.5px;

  /* Birthstones — Creative LOOK_TARGETS_v1 hex family */
  --gem-garnet: #8B1E3F;
  --gem-amethyst: #6B3FA0;
  --gem-aqua: #7FDBDA;
  --gem-diamond: #E8F1FF;
  --gem-emerald: #0B6E4F;
  --gem-pearl: #F0E6D8;
  --gem-alexandrite-a: #6B8F71;
  --gem-alexandrite-b: #8B5A8B;
  --gem-ruby: #C41E3A;
  --gem-peridot: #A8C400;
  --gem-sapphire: #0F4C81;
  --gem-opal-a: #FFB7C5;
  --gem-opal-b: #9AD1D4;
  --gem-topaz: #E0A100;
  --gem-tanzanite: #4B0082;
  --gem-turquoise: #40E0D0;
}
body.gem-soft-pass {
  /* Atelier vault night — not white page, not coal mine */
  background:
    radial-gradient(60% 40% at 50% 18%, rgba(240, 215, 140, 0.12) 0%, transparent 55%),
    radial-gradient(120% 80% at 50% 20%, #2A1844 0%, var(--void-deep) 70%);
  color: var(--type-cream);
  font-family: "Instrument Sans", system-ui, sans-serif;
}
.gem-title {
  font-family: Cinzel, "Instrument Serif", Georgia, serif;
  color: var(--gold-bright);
  font-weight: 500;
  letter-spacing: 0.06em;
}
.tile-covered {
  background: linear-gradient(145deg, var(--tile-face-lit), var(--tile-face));
  border-radius: var(--r-tile);
  box-shadow: inset 1px 1px 0 var(--tile-bevel-hi), inset -2px -2px 0 var(--tile-bevel-lo), 0 4px 12px rgba(0,0,0,.4);
  border: 1px solid var(--gold-deep);
}
.tile-open {
  background: var(--tile-recess);
  border-radius: var(--r-tile);
  box-shadow: inset 0 2px 8px rgba(0,0,0,.65);
  border: 1px solid rgba(201,162,39,.25);
}
.tile-numeral {
  color: var(--gold-numeral);
  font-weight: 500;
  font-variant-numeric: tabular-nums;
}
.hud-panel {
  background: linear-gradient(180deg, #3A2658 0%, #1C1030 100%);
  border: var(--stroke-gold) solid var(--gold);
  border-radius: var(--r-panel);
  box-shadow: 0 0 0 1px var(--gold-deep), 0 8px 28px rgba(0,0,0,.45);
}
.dual-month-rim {
  /* Mar / Oct / Dec — thin gold rim, not loud ×2 sticker */
  box-shadow: 0 0 0 1.5px var(--gold-bright), 0 0 12px rgba(240, 215, 140, 0.35);
}