/* ========================================================
   THEME & TOKENS : RPG-CARDS
   ======================================================== */

@font-face {
  font-family: SoosLight;
  src: url('../font/Doctor Soos Light 1.1.ttf');
}

@font-face {
  font-family: SoosBold;
  src: url('../font/Doctor Soos Bold 2.1.ttf');
}

@font-face {
  font-family: CaslonAntique-Bold;
  src: url('../font/caslon-antique/CaslonAntique-Bold.ttf');
}

@font-face {
  font-family: CaslonAntique;
  src: url('../font/caslon-antique/CaslonAntique.ttf');
}

:root {
  --board-width: min(80vh, 95vw, 900px);
  --font1: SoosLight, sans-serif;
  --fontName: SoosBold, sans-serif;
  --font-carte-num: CaslonAntique-Bold, serif;
  --font-body: CaslonAntique, serif;

  --card-aspect-ratio: 1 / 1.5;
  --card-width: 140px;

  /* Jauge de vie */
  --hp-green: #4caf50;
  --hp-orange: #ff9800;
  --hp-red: #f44336;

  /* Couleurs univers */
  --bg-dark-overlay: rgba(18, 14, 10, 0.85);
  --border-parchment: rgba(212, 175, 55, 0.3);
  --gold-highlight: #d4af37;
}

/* Reset de base universel */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* Règle universelle de visibilité CSP Grade A+ (zéro inline) */
.hide {
  display: none !important;
}

body {
  font-family: var(--font-body);
  background-color: #12100d;
  background-image: url('../fond.webp');
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  color: #fff;
  min-height: 100vh;
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow-x: hidden;
  user-select: none;
}