/* ── BASE.CSS — Gemeinsame Basis-Styles ── */

:root {
  --acc: #0d8b9e;
  --acc2: #0fa8be;
  --acc-light: #e0f5f8;
  --text: #0a2836;
  --text2: #1e5a6e;
  --muted: #6a9aaa;
  --bg: #f2fbfc;
  --surf: #ffffff;
  --border: #c0e4ec;
  --border2: #a8d8e4;
  --success: #16a34a;
  --success-bg: #dcfce7;
  --warn: #d97706;
  --warn-bg: #fef3c7;
  --danger: #dc2626;
  --danger-bg: #fee2e2;
  --purple: #5b7fa6;
  --purple-bg: #eaf2fb;
  --nav-h: 64px;
  --r: 12px;
  --r-sm: 8px;
  --shadow-sm: 0 1px 3px rgba(10,40,54,0.06);
  --shadow: 0 4px 16px rgba(10,40,54,0.10);
}

* { margin:0; padding:0; box-sizing:border-box; }

body {
  font-family: 'DM Sans', sans-serif;
  background: var(--bg);
  color: var(--text);
  font-size: 14px;
  line-height: 1.5;
  min-height: 100vh;
}

/* ── ANIMATIONS ── */
@keyframes spin { to { transform: rotate(360deg); } }
@keyframes fadeUp {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes pulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.5; transform: scale(0.8); }
}