/* base.css - reset, variables, typographie */
:root {
  --main: #1e90ff;
  --bg: #f8f9fa;
  --text: #222;
  --card: #fff;
  --border: #e0e0e0;
  --success: #28a745;
  --danger: #dc3545;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: 'Segoe UI', Arial, sans-serif; background: var(--bg); color: var(--text); }
a { color: var(--main); text-decoration: none; }
img { max-width: 100%; }
.toast { position: fixed; top: 1em; right: 1em; background: var(--main); color: #fff; padding: .7em 1.2em; border-radius: 4px; z-index: 1000; }
.toast.success { background: var(--success); }
.toast.error { background: var(--danger); }
.modal { position: fixed; top:0; left:0; width:100vw; height:100vh; background:rgba(0,0,0,.3); display:flex; align-items:center; justify-content:center; z-index:1000; }
.modal-content { background: #fff; padding: 2em; border-radius: 8px; min-width: 300px; }