/**
 * Finance App Theme - Color Overrides
 * Extends the shared tokens with finance-specific branding
 */

:root {
  --primary: #3b82f6; /* blue-500 */
  --accent: #2563eb; /* blue-600 */
}

/**
 * Finance-specific card styling
 * Used with CardButton component
 */
.finance-card {
  background: var(--surface);
  border: 1px solid var(--border);
  box-shadow: 0 4px 12px var(--shadow);
}

/**
 * Color-coded section accents
 */
.finance-section-net-worth {
  border-color: #3b82f6;
  color: #3b82f6;
}

.finance-section-accounting {
  border-color: #a855f7;
  color: #a855f7;
}

.finance-section-dashboard {
  border-color: #10b981;
  color: #10b981;
}

.finance-section-transactions {
  border-color: #f97316;
  color: #f97316;
}