/* ═══════════════════════════════════════════════
   IJEN SPA — Shared CSS Variables & Reset
   Used by: index.html, admin.html
   ═══════════════════════════════════════════════ */

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --bg: #0c0905;
  --card: #17120a;
  --border: #3a2c12;
  --gold: #c9a84c;
  --gold2: #e8c96c;
  --dim: #6a5428;
  --text: #e8d5a0;
  --muted: #7a6840;
  --white: #f5e8cc;
  --green: #6aaa60;
  --red: #b84444;
  --danger: #8b3a3a;
  --danger-light: #c45c5c;
  --success: #3a7a4a;
  --success-light: #5caa6c;
  --card-hover: #1e1810;
}

@keyframes fadeIn { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }
@keyframes spin { to { transform: rotate(360deg); } }