/*
  Gugu Island V2 UI Tokens
  Phase C-9 v1: lightweight runtime token layer.
  Keep this file declarative. Do not move layout rules here yet.
*/
:root{
  --ui-slice-panel:url('../assets/v2/ui-kit-v2/journal-panel-9slice.png') 8 fill / 12px / 0 stretch;
  --ui-slice-item-slot:url('../assets/v2/ui-kit-v2/item-slot-9slice.png') 6 fill / 10px / 0 stretch;
  --ui-slice-bird-card:url('../assets/v2/ui-kit-v2/bird-card-9slice.png') 8 fill / 10px / 0 stretch;
  --ui-slice-close:url('../assets/v2/ui-kit-v2/close-button-9slice.png') 5 fill / 8px / 0 stretch;
  --ui-slice-toast:url('../assets/v2/ui-kit-v2/toast-9slice.png') 6 fill / 8px / 0 stretch;
  --ui-slice-hud-card:url('../assets/v2/ui-kit-v2/hud-card-9slice.png') 6 fill / 8px / 0 stretch;
  --ui-slice-status-pill:url('../assets/v2/ui-kit-v2/status-pill-9slice.png') 4 fill / 7px / 0 stretch;
  --ui-slice-action-button:url('../assets/v2/ui-kit-v2/action-button-9slice.png') 8 fill / 10px / 0 stretch;
  --ui-slice-speech:url('../assets/v2/ui-kit-v2/speech-bubble-9slice.png') 6 fill / 8px / 0 stretch;

  --ui-c-panel-paper:#FFF3D0;
  --ui-c-panel-soft:#FFF9E8;
  --ui-c-line:#1B1530;
  --ui-c-gold:#FFD24D;
  --ui-c-bag-empty:#7C6F66;
  --ui-c-bag-empty-bg:#AEB8CC;
  --ui-c-dex-seen:#3ED47A;
  --ui-c-dex-mystery:#D9C7FF;
  --ui-c-dex-mystery-side:#C7B4EF;
  --ui-c-hud-paper:#FFF3D0;
  --ui-c-status-paper:#FFF9E8;
  --ui-c-action-bg:#203554;
  --ui-c-action-icon:#243552;
  --ui-c-speech:#FFF4C8;
  --ui-c-status-hint:#FFD24D;

  --ui-p-card-shadow:3px 3px 0 rgba(0,0,0,.22);
  --ui-p-active-shadow:0 0 0 4px var(--ui-c-gold),4px 4px 0 rgba(0,0,0,.24);
  --ui-p-hud-shadow:4px 4px 0 rgba(0,0,0,.42),inset 0 2px 0 rgba(255,255,255,.18);
  --ui-p-action-shadow:4px 4px 0 rgba(0,0,0,.50),inset 0 4px 0 rgba(255,255,255,.16);
  --ui-p-status-focus:0 0 0 3px var(--ui-c-status-hint),3px 3px 0 rgba(0,0,0,.34);
}