/* Design token Doomed Cyberall — satu sumber warna, spacing, z-index */
@font-face{font-family:'Barlow';font-style:normal;font-weight:400;font-display:swap;src:url('../assets/fonts/Barlow-400.woff2') format('woff2');}
@font-face{font-family:'Barlow';font-style:normal;font-weight:500;font-display:swap;src:url('../assets/fonts/Barlow-500.woff2') format('woff2');}
@font-face{font-family:'Barlow';font-style:normal;font-weight:600;font-display:swap;src:url('../assets/fonts/Barlow-600.woff2') format('woff2');}
@font-face{font-family:'Chakra Petch';font-style:normal;font-weight:500;font-display:swap;src:url('../assets/fonts/ChakraPetch-500.woff2') format('woff2');}
@font-face{font-family:'Chakra Petch';font-style:normal;font-weight:700;font-display:swap;src:url('../assets/fonts/ChakraPetch-700.woff2') format('woff2');}

:root {
  --bg-deep: #0d0c0e;
  --bg-panel: rgba(18, 17, 20, 0.92);
  --bg-soft: rgba(36, 33, 36, 0.85);
  --line: rgba(255, 190, 130, 0.18);
  --text: #ece4d8;
  --text-dim: #a59b8e;
  --text-mute: #6f675e;
  --survivor: #ff9a3c;        /* pita oranye penyintas */
  --survivor-deep: #c9631a;
  --vanta: #b77bff;           /* celah ungu VANTA */
  --vanta-deep: #6a3ab0;
  --hp: #e0453a;
  --stamina: #e8c34a;
  --energy: #5fd0ff;
  --hunger: #f08a3a;
  --good: #6fe39a;
  --bad: #ff5a4a;
  --epic: #b77bff;
  --rare: #ff9a3c;
  --common: #c9c3b8;

  --font-display: 'Chakra Petch', 'Barlow', sans-serif;
  --font-body: 'Barlow', system-ui, sans-serif;

  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 24px; --s6: 32px; --s7: 48px;
  --r1: 3px; --r2: 6px;
  --shadow: 0 8px 28px rgba(0, 0, 0, 0.55);
  --ease: cubic-bezier(.2, .7, .3, 1);
  --t-fast: 0.15s; --t-med: 0.3s;

  --z-world: 0; --z-fx: 20; --z-nametag: 25; --z-hud: 30; --z-panel: 40; --z-modal: 50; --z-toast: 60;
}