/* main.css — Design system : tokens, reset, base */

* { box-sizing: border-box; margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; }

:root {
  /* ── Palette ── */
  --gold:        #c89c3c;
  --gold-hi:     #ddb84e;
  --gold-bg:     rgba(200,156,60,0.11);
  --gold-border: rgba(200,156,60,0.26);
  --cream:       #e8d4b8;
  --ink:         #07090b;

  /* ── Surfaces (du plus sombre au plus clair) ── */
  --s0: #07090b;
  --s1: #0d1318;
  --s2: #131b22;
  --s3: #19222b;
  --s4: #1f2a34;

  /* ── Bordures ── */
  --b:  rgba(255,255,255,0.07);
  --bm: rgba(255,255,255,0.12);

  /* ── Tapis & rail ── */
  --felt-dark:  #071c10;
  --felt-mid:   #0b2c1c;
  --felt-light: #0e3d26;
  --rail:       #160904;
  --rail-light: #261208;

  /* ── Actions ── */
  --fold:  #d32f2f;
  --call:  #1565c0;
  --check: #2e7d32;
  --raise: #e65100;
  --allin: #b71c1c;

  /* ── Status ── */
  --win:  #43a047;
  --tie:  #fb8c00;
  --grey: #607d8b;

  /* ── Compat legacy ── */
  --red:        #d32f2f;
  --green:      #43a047;
  --yellow:     #fb8c00;
  --blue:       #1565c0;
  --blue-dark:  #1565c0;
}

html, body {
  height: 100%; width: 100%; overflow: hidden;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", system-ui, sans-serif;
  background: var(--s0); color: var(--cream);
  user-select: none; -webkit-user-select: none;
}

#app {
  width: 100vw;
  height: 100vh;
  height: 100dvh;
  display: flex; flex-direction: column;
  background: var(--s0);
  position: relative;
}