/* DOXA - Core App Styles
   Tailwind is loaded via CDN (see layouts/app.php) - no Node build step
   required, keeping this Hostinger shared-hosting compatible.
   This file holds brand tokens + small overrides Tailwind utilities
   don't cover (custom scrollbars, transitions, PWA safe-areas). */

:root {
  --doxa-primary: #4f46e5;
  --doxa-primary-dark: #4338ca;
  --doxa-accent: #06b6d4;
  --doxa-bg-light: #f8fafc;
  --doxa-bg-dark: #0b1120;
  --doxa-surface-light: #ffffff;
  --doxa-surface-dark: #111827;
}

html {
  scroll-behavior: smooth;
}

body {
  -webkit-font-smoothing: antialiased;
  padding-top: env(safe-area-inset-top);
  padding-bottom: env(safe-area-inset-bottom);
}

/* Smooth theme transition */
body, .doxa-transition {
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

/* Custom thin scrollbar for chat/file lists (added in later sprints) */
.doxa-scroll::-webkit-scrollbar {
  width: 6px;
}
.doxa-scroll::-webkit-scrollbar-thumb {
  background-color: rgba(79, 70, 229, 0.4);
  border-radius: 9999px;
}

/* Prevent flash of unstyled theme on load */
[x-cloak] {
  display: none !important;
}