/* ============================================================
   MyGameList v3 — Base — Variables · Reset · Layout
   ============================================================ */

/* ============================================
   MyGameList v3 — Design System
   Palette : Jaune soleil + Bleu profond + Blanc
   ============================================ */

@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;600;700;800&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;1,9..40,400&display=swap');

/* ── Variables ─────────────────────────────── */
:root {
  --yellow:       #F5C518;
  --yellow-light: #FFF3B0;
  --yellow-dark:  #D4A800;
  --gamelist-bg:  #5d9dff;
  --gametheque-bg:#C0392B;
  --wishlist-bg:  #4E7A1A;
  --blue:         #1A3A6B;
  --blue-mid:     #2B5BA8;
  --blue-light:   #EBF2FF;
  --blue-pale:    #F4F7FF;
  --white:        #FFFFFF;
  --gray-50:      #F8F9FA;
  --gray-100:     #F0F2F5;
  --gray-200:     #E2E6ED;
  --gray-400:     #9BA5B4;
  --gray-600:     #5A6478;
  --gray-800:     #2C3444;
  --text:         #1A2133;
  --text-muted:   #6B7589;
  --pseudo:        #009933;    /* couleur unique des pseudos — modifier ici */

  --radius-sm:  6px;
  --radius:     10px;
  --radius-lg:  16px;
  --radius-xl:  24px;

  --shadow-sm: 0 1px 3px rgba(26,58,107,0.08);
  --shadow:    0 4px 16px rgba(26,58,107,0.10);
  --shadow-lg: 0 8px 32px rgba(26,58,107,0.14);

  --transition: 0.2s ease;
}

/* ── Reset ─────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  font-family: 'DM Sans', sans-serif;
  background: var(--gray-50);
  color: var(--text);
  font-size: 16px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
ul { list-style: none; }
button { cursor: pointer; font-family: inherit; }

/* ── Layout ────────────────────────────────── */
.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
}