:root {
  --primary-color: #2563eb;
  --secondary-color: #1e40af;
  --accent-color: #f59e0b;
  --text-primary: #1f2937;
  --text-secondary: #6b7280;
  --background-primary: #ffffff;
  --background-secondary: #f9fafb;
  --border-color: #e5e7eb;
}
/* Custom overrides for Bootstrap, if needed. Leave empty for now. */ 
.soft-card {
    background: var(--background-secondary) !important;
    border-radius: 1.5rem !important;
    box-shadow: 0 4px 24px 0 rgba(118, 75, 162, 0.06), 0 1.5px 4px 0 rgba(0,0,0,0.03);
    transition: background 0.3s, box-shadow 0.3s, transform 0.2s;
    border: 1px solid var(--border-color);
}
.soft-card:hover {
    background: #C9B1FB !important;
    box-shadow: 0 8px 32px 0 rgba(118, 75, 162, 0.18), 0 2px 8px 0 rgba(0,0,0,0.06);
    transform: scale(1.03) translateY(-6px);
}