:root {
  --app-bg: #f8f9fa;
  --app-border: #e9ecef;
}

body {
  background: var(--app-bg);
}

.app-shell {
  min-height: 100vh;
}

.app-hero {
  border: 1px solid var(--app-border);
}

.app-card {
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.app-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 .75rem 1.5rem rgba(0, 0, 0, .08) !important;
}

.app-icon {
  width: 48px;
  height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.text-muted-app {
  color: #6c757d;
}