/* ==========================================================================
   RYCAL UTILITY-FIRST SLATE & EMERALD DESIGN SYSTEM OVERRIDE
   ========================================================================== */
:root {
  --bg-app: #f8fafc !important;
  --bg-surface: #ffffff !important;
  --border-subtle: #e2e8f0 !important;
  --border-strong: #cbd5e1 !important;
  
  --text-main: #0f172a !important;
  --text-muted: #475569 !important;
  
  --brand-emerald: #059669 !important;
  --brand-emerald-hover: #047857 !important;
  --brand-emerald-subtle: #ecfdf5 !important;
  
  --font-sans: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;
  --font-mono: 'JetBrains Mono', monospace !important;
}

body {
  background-color: var(--bg-app) !important;
  color: var(--text-main) !important;
  font-family: var(--font-sans) !important;
}

/* Zero-Drop-Shadow Utilitarian Cards */
.card, .deck-card, .stat-card, .utility-box {
  background: var(--bg-surface) !important;
  border: 1px solid var(--border-strong) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
}

/* Primary Green CTAs */
.btn-primary, .action-btn-green {
  background-color: var(--brand-emerald) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 6px !important;
  font-weight: 700 !important;
}
.btn-primary:hover, .action-btn-green:hover {
  background-color: var(--brand-emerald-hover) !important;
}