/* ============================================================
   Kodama Games — Spacing, radii, shadows, layout
   ============================================================ */

:root {
  /* ---- Spacing scale ---- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 22px;   /* gap grille cartes jeux */
  --space-6: 28px;   /* gouttière horizontale */
  --space-8: 44px;
  --space-10: 70px;  /* rythme vertical entre sections */

  /* ---- Layout ---- */
  --content-max: 1200px;   /* largeur de contenu */
  --gutter: 28px;          /* padding horizontal */
  --section-rhythm: 70px;  /* padding-top entre sections */
  --grid-gap: 22px;        /* gap grille cartes */

  /* ---- Radii ---- */
  --radius-panel:  34px; /* grand panneau / hero (32–36) */
  --radius-card:   24px; /* carte */
  --radius-media:  16px; /* carte média intérieure */
  --radius-sm:     15px; /* petite carte / liste (13–18) */
  --radius-pill:   30px; /* pilule / bouton / chip */
  --radius-chip:   24px; /* chip / filtre */
  --radius-badge:  20px; /* badge / tag */
  --radius-round:  50%;  /* badge rond « → » */
  --radius-input:  11px; /* champ */

  /* ---- Shadows ---- */
  --shadow-card:      0 6px 18px rgba(0,0,0,.06);   /* carte au repos */
  --shadow-card-hover:0 16px 32px rgba(0,0,0,.12);  /* carte survol */
  --shadow-polaroid:  0 22px 44px rgba(0,0,0,.22);  /* polaroïd / spotlight */
  --shadow-float:     0 10px 30px rgba(0,0,0,.06);  /* module flottant */

  /* ---- Motion ---- */
  --lift: -6px;                            /* @kind other */
  --ease: cubic-bezier(.22,.61,.36,1);     /* @kind other */
  --dur:  .22s;                            /* @kind other */

  /* ---- Décor ---- */
  --hatch: repeating-linear-gradient(45deg,#ece6d9,#ece6d9 13px,#f3eee2 13px,#f3eee2 26px); /* @kind color */
  --bubble: rgba(255,255,255,.16); /* @kind color */ /* bulles blanches translucides (.12–.22) */
}