:root {
  --accent: #00bcd4;
  --accent2: #ffeb3b;
  --card-bg: #fff;
  --text: #222;
  --button-bg: #0b75d1;
  --button-hover: #095fa8;
  --nav-bg: rgba(255,255,255,0.95);
}
body {
  margin: 0;
  font-family: Inter, system-ui, Arial, sans-serif;
  background: linear-gradient(135deg, var(--accent), var(--accent2));
}
#app { padding: 18px; max-width: 960px; margin: auto; }
.card { background: white; border-radius: 12px; padding: 12px; margin: 10px 0; }
.btn { background: var(--button-bg); color: #fff; border: none; padding: 10px 14px; border-radius: 8px; cursor: pointer; }
.btn:hover { background: var(--button-hover); }