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

/* ─── VARIABLES ──────────────────────────────────────────── */
:root {
  --bg:              #ddeeff;
  --surface:         #ffffff;
  --border:          #c0d8f0;
  --accent:          #4a90d9;
  --accent2:         #e05a5a;
  --accent3:         #7bbfea;
  --text:            #1a3a5c;
  --muted:           #7f95a8;
  --success:         #5aaa7a;
  --radius:          20px;
  --mono:            'Lato', sans-serif;
  --sans:            'Inter', sans-serif;
  --shadow-blue:     0 4px 24px rgba(74, 144, 217, 0.15);
  --shadow-blue-md:  0 8px 32px rgba(74, 144, 217, 0.20);
}

/* ─── BASE ───────────────────────────────────────────────── */
html, body {
  height: 100%;
  background: var(--bg);
  color: var(--text);
  font-family: var(--sans);
  overflow-x: hidden;
}

/* ─── FOND DÉCORATIF ─────────────────────────────────────── */
body::before {
  content: '';
  position: fixed;
  inset: 0;
  background-image:
    radial-gradient(circle at 20% 30%, rgba(74,144,217,.08) 0%, transparent 50%),
    radial-gradient(circle at 80% 70%, rgba(123,191,234,.10) 0%, transparent 50%);
  pointer-events: none;
  z-index: 0;
}