:root {
  --brand-primary: #0ea5e9;      /* sky-500 */
  --brand-accent: #10b981;       /* emerald-500 */
  --brand-muted: #94a3b8;        /* slate-400 */
  --surface: #ffffff;
  --surface-elev: rgba(255, 255, 255, 0.8);
  --text-strong: #0f172a;
  --text-muted: #64748b;
  --radius: 0.75rem;
}

.card {
  background: var(--surface-elev);
  backdrop-filter: blur(10px);
  border-radius: var(--radius);
  box-shadow: 0 4px 20px rgba(14, 165, 233, 0.08);
}

.btn-gradient {
  background: linear-gradient(135deg, var(--brand-primary), var(--brand-accent));
  color: white;
}