/* Veer shared design system — extracted from the Veer Final Production Package mockup.
   Include AFTER the Tailwind CDN <script> and Google Fonts <link> on every page:

   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
   <script src="https://cdn.tailwindcss.com"></script>
   <script src="https://unpkg.com/lucide@latest"></script>
   <script>tailwind.config = window.FITCV_TAILWIND_CONFIG;</script>  <!-- see fitcv-theme.js -->
   <link rel="stylesheet" href="/assets/fitcv-theme.css">
*/

:root {
  --brand-50: #eff6ff;
  --brand-100: #dbeafe;
  --brand-200: #bfdbfe;
  --brand-500: #3b82f6;
  --brand-600: #2563eb;
  --brand-700: #1d4ed8;
  --brand-800: #1e40af;
  --brand-900: #1e3a8a;
  --brand-950: #0f172a;
  --accent-violet: #7c3aed;
  --accent-indigo: #6366f1;
  --accent-emerald: #10b981;
  --accent-amber: #f59e0b;
  --accent-rose: #f43f5e;
}

[x-cloak] { display: none !important; }

body {
  font-family: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background-color: #f8fafc; /* slate-50 */
  color: #0f172a; /* slate-900 */
}

code, pre, .font-mono, .mono {
  font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;
}

.glass-nav {
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(226, 232, 240, 0.9);
}

.glass-card {
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(226, 232, 240, 0.85);
}

.hero-glow {
  background: radial-gradient(circle at 50% 18%, rgba(37, 99, 235, 0.12) 0%, rgba(124, 58, 237, 0.07) 35%, transparent 65%);
}

.shadow-glow-blue { box-shadow: 0 0 25px -5px rgba(37, 99, 235, 0.35); }
.shadow-glow-violet { box-shadow: 0 0 25px -5px rgba(124, 58, 237, 0.35); }
.shadow-card-soft { box-shadow: 0 10px 30px -10px rgba(15, 23, 42, 0.08); }
.shadow-card-hover { box-shadow: 0 20px 40px -15px rgba(15, 23, 42, 0.12); }

/* Rounded card system — 16-24px per design spec */
.fc-card {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 20px;
  box-shadow: 0 10px 30px -10px rgba(15, 23, 42, 0.08);
}
.fc-card:hover { box-shadow: 0 20px 40px -15px rgba(15, 23, 42, 0.12); }

.custom-scrollbar::-webkit-scrollbar { width: 6px; height: 6px; }
.custom-scrollbar::-webkit-scrollbar-track { background: #f1f5f9; }
.custom-scrollbar::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 9999px; }

/* Utility text-brand-* fallbacks when the Tailwind CDN JIT config hasn't
   registered a class before first paint (avoids FOUC flash of default blue). */
.text-brand-600 { color: var(--brand-600); }
.bg-brand-600 { background-color: var(--brand-600); }