/* hud.tokens.css — SWUDeck "Cyan HUD" theme: role tokens only. */
:root {
  --accent:        rgba(140,210,255,0.80);
  --accent-strong: rgba(180,228,255,1);
  --danger:        rgba(235,120,120,0.85);
  --success:       rgba(120,225,150,0.85);
  --danger-surface:  rgba(52,20,26,0.95);   /* dark red-tinted HUD fill */
  --success-surface: rgba(16,44,28,0.95);   /* dark green-tinted HUD fill */
  --on-danger:     #ffe4e4;
  --on-success:    #eafff0;
  --text:          rgba(205,238,255,0.96);
  --on-accent:     #08202b;

  /* Surfaces / borders / glow for inputs, dropdowns, dialogs (HUD is square: radius 0) */
  --surface-sunken: rgba(20,42,70,0.60);
  --surface-raised: rgba(14,26,44,0.98);
  --border:         rgba(140,210,255,0.45);
  --text-muted:     rgba(160,195,225,0.60);
  --radius:         0;
  --glow:           rgba(120,200,255,0.45);
  --check-fill:     rgba(30,64,104,0.95);
  --check-mark:     rgba(180,228,255,1);

  /* Button: chamfered HUD */
  --btn-chamfer-content: '';        /* turns the chamfer pseudos ON */
  --btn-cut:        6px;
  --btn-cut-inner:  5px;
  /* Keep the ELEMENT box background transparent even for semantic variants (.btn-primary etc.):
     the ::after pseudo (--btn-fill, chamfer-clipped) carries the fill, so a solid --btn-surface
     never paints a rectangle that bleeds past the chamfer corners. We do NOT clip the element
     itself (that would also clip the :hover drop-shadow glow). */
  --btn-el-bg:      transparent;
  --btn-rim-width:  1.5px;
  --btn-bw:         0;
  --btn-surface:    transparent;    /* pseudos supply the fill */
  --btn-shadow:     none;
  --btn-rim:        rgba(140,210,255,0.80);
  --btn-fill:       rgba(20,42,70,0.95);
  --btn-text:       rgba(205,238,255,0.96);
  --btn-transform:  uppercase;
  --btn-tracking:   0.04em;
  --btn-glow:       8px;
  --btn-glow-color: rgba(125,205,255,0.6);
  --btn-hover-transform: translateY(-1px);
  --btn-pad:        5px 7px;

  /* In-game board roles — cyan HUD (Phase 0) */
  --accent-secondary:    rgba(120,200,255,0.55);
  --on-accent-secondary: #08202b;
  --accent-gold:         #c8971e;
  --on-accent-gold:      #1a1204;
  --switch-track:        rgba(20,42,70,0.85);
  --switch-knob:         rgba(180,228,255,1);      /* light cyan head — same in both states so the move reads */
  --switch-on:           rgba(120,200,255,0.55);
  --switch-on-knob:      rgba(180,228,255,1);
  --panel-scrim:         rgba(20,28,38,0.97);
  --overlay-scrim:       rgba(0,0,0,0.55);
  --card-frame:          rgba(140,210,255,0.45);
  --badge-surface:       rgba(28,32,40,0.95);
  --badge-glow:          rgba(120,200,255,0.40);
  --glow-strong:         rgba(120,200,255,0.70);

  /* Turn/initiative ownership — SWUSim uses --success / --danger RGB for now (tune later). */
  --turn-mine-rgb:       120,225,150;  /* = --success */
  --turn-theirs-rgb:     235,120,120;  /* = --danger */
  --accent-rgb:          140,210,255;  /* = --accent, for themeable glow/pulse alpha */
}