/* === CSS Variables and Base Styles === */

:root {
    /* Light Theme Colors from User's Website Tailwind Config & WhatsApp Inspiration */
    --light-bg-primary: #FFFFFF;
    --light-bg-secondary: #f0f2f5;
    --light-bg-tertiary: #FFFFFF;
    --light-bg-accent-user: #dcf8c6;
    --light-bg-accent-user-alt: #007AFF;
    
    --light-text-primary: #1d1d1f;
    --light-text-secondary: #6e6e73;
    --light-text-on-accent: #FFFFFF;

    --light-border-primary: #d2d2d7;
    --light-border-input: #ced4da;
    --light-input-bg: #FFFFFF;

    --action-primary-bg: #007AFF;
    --action-primary-hover-bg: #0056b3;
    --action-secondary-bg: #9333EA;
    --action-secondary-hover-bg: #7a28b8;
    --action-tertiary-bg: #e9ecef;
    --action-tertiary-hover-bg: #dee2e6;
    --action-tertiary-text: #1d1d1f;

    --link-color: #007AFF;
    --link-hover-color: #0056b3;

    --flash-success-bg: #d4edda;
    --flash-success-text: #155724;
    --flash-error-bg: #f8d7da;
    --flash-error-text: #721c24;
    --flash-warning-bg: #fff3cd;
    --flash-warning-text: #856404;
    --flash-info-bg: #d1ecf1;
    --flash-info-text: #0c5460;

    /* Metrics Semantic Colors */
    --metric-primary-color: #2563eb;       /* Blue-600 */
    --metric-primary-bg: rgba(37, 99, 235, 0.1);
    --metric-success-color: #16a34a;       /* Green-600 */
    --metric-success-bg: rgba(22, 163, 74, 0.1);

    --font-primary: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

html {
    background-color: var(--light-bg-primary);
}

.dashboard-body {
    font-family: var(--font-primary);
    margin: 0;
    padding: 0;
    background-color: var(--light-bg-primary);
    color: var(--light-text-primary);
    line-height: 1.5;
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}

/* Custom Scrollbar - Light Theme */
.chat-window::-webkit-scrollbar, .sidebar-column::-webkit-scrollbar {
  width: 7px;
}
.chat-window::-webkit-scrollbar-track, .sidebar-column::-webkit-scrollbar-track {
  background: rgba(0,0,0,0.05);
}
.chat-window::-webkit-scrollbar-thumb, .sidebar-column::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 3px;
}
.chat-window::-webkit-scrollbar-thumb:hover, .sidebar-column::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}
.chat-window, .sidebar-column {
  scrollbar-width: thin;
  scrollbar-color: #c1c1c1 rgba(0,0,0,0.05);
}

/* Make sidebar scrollbar slimmer than chat window */
.sidebar-column::-webkit-scrollbar {
  width: 5px;
}

/* Legacy content should remain hidden */
.dashboard-container { display: none; }
.legacy-content-wrapper { display: none !important; }

.page-padding { padding: 20px; }