/* Tailwind CSS Output - Placeholder
   Actual Tailwind styles are loaded via CDN in the base layout.
   This file can be used for custom styles that extend Tailwind. */

/* ── Thème clair (repris de myfinpulse) ── */
:root {
  --bg-main:    #f0f4f8;
  --bg-sidebar: #ffffff;
  --bg-card:    #ffffff;
  --border:     rgba(0, 0, 0, 0.09);
  --text-primary: #0f172a;
  --text-muted:   #475569;
  --text-faint:   #94a3b8;
}

html, body {
  font-family: 'Inter', ui-sans-serif, system-ui, sans-serif;
}

html {
  overflow-x: hidden;
}

body {
  background: var(--bg-main);
  color: var(--text-primary);
  overscroll-behavior-y: none;
}

/* Fix stuttery touch-scrolling on iOS inside the app's nested scroll
   containers (main content area, sidebar nav): without this, momentum
   scrolling can freeze mid-gesture on iOS Safari, and without
   overscroll-behavior the scroll chains up to the body and rubber-bands. */
.overflow-y-auto {
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-y: contain;
}

.card {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: 0.75rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07), 0 1px 2px rgba(0, 0, 0, 0.05);
}

aside#sidebar {
  background: var(--bg-sidebar);
  border-color: var(--border);
}

/* ── Custom utility classes ── */
.transition-fast {
  transition: all 0.15s ease-in-out;
}

.card-hover:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
}

/* ── Scrollbar ── */
::-webkit-scrollbar       { width: 7px; height: 7px; }
::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.05); border-radius: 7px; }
::-webkit-scrollbar-thumb { background: #94a3b8; border-radius: 7px; }
::-webkit-scrollbar-thumb:hover { background: #64748b; }