/* ============================================================
   CSB Heap Design — Theme Variable Extensions (v3)
   ------------------------------------------------------------
   Extends the app's existing theme system. Overrides:
   - --accent to mint (instead of Apple blue)
   - --bg to warm paper in light mode
   - --text-muted / --text-light for better contrast in light mode
   ============================================================ */

:root,
[data-theme="light"] {
  --bg: #fafaf7;
  --surface: #ffffff;
  --surface-alt: #f2f2ec;
  --border: #d5d5d0;
  
  --text: #111111;
  --text-muted: #4a4a48;
  --text-light: #6b6b68;
  
  --accent: #1d7a52;
  --accent-light: rgba(29, 122, 82, 0.1);
  
  --accent-bg: rgba(29, 122, 82, 0.1);
  --accent-bg-soft: rgba(29, 122, 82, 0.05);
  --accent-hover: #165e3f;
  
  --heap-border-strong: #b5b5b0;
  --heap-border-soft: #e5e5e0;
  --heap-text-placeholder: #8a8a85;
  
  --heap-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.06);
  --heap-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.08);
  --heap-shadow-lg: 0 16px 48px rgba(0, 0, 0, 0.12);
  --heap-overlay: rgba(0, 0, 0, 0.4);
}

[data-theme="dark"] {
  --bg: #000000;
  --surface: #0a0a0a;
  --surface-alt: #111111;
  --border: #1a1a1a;
  
  --text: #fafafa;
  --text-muted: #999999;
  --text-light: #737373;
  
  --accent: #3ecf8e;
  --accent-light: rgba(62, 207, 142, 0.12);
  
  --accent-bg: rgba(62, 207, 142, 0.12);
  --accent-bg-soft: rgba(62, 207, 142, 0.04);
  --accent-hover: #4ae09c;
  
  --heap-border-strong: #2a2a2a;
  --heap-border-soft: #111111;
  --heap-text-placeholder: #525252;
  
  --heap-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.3);
  --heap-shadow-md: 0 4px 20px rgba(0, 0, 0, 0.4);
  --heap-shadow-lg: 0 16px 60px rgba(0, 0, 0, 0.8);
  --heap-overlay: rgba(0, 0, 0, 0.85);
}

/* Smooth transition */
body,
.summary-card, .record-card, .check-card, .admin-section,
.modal-sheet, .sidebar, .app-header,
input, textarea, select, button {
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}