/* public/css/base.css */

html {
  height: 100vh;
  margin: 0;
  overflow: hidden; 
  
  /* --- RE-ARCHITECTED COLOR SYSTEM --- */
  :root {
    /* Group 1: Frame */
    --color-frame: #18181b; 

    /* Group 2: Console Main */
    --color-console-main: #111827;
    --color-tertiary: var(--color-console-main); 
    
    /* Group 3: Windows Background */
    --color-windows-bg: #1f2937;
    --color-windows-inner-bg: var(--color-console-main); 

    /* Group 5: Active Highlights */
    --color-active-highlight: #3B82F6;
    --color-accent-highlight-1: #fbbf24; /* Highlight 1: Gold/Yellow */

    /* Group 6: Chat Bubbles */
    --color-chat-bubble-user-bg: #3B82F6;
    --color-chat-bubble-user-text: #ffffff;
    --color-chat-bubble-ai-bg: #374151;
    --color-chat-bubble-ai-text: #f3f4f6;

    /* Group 7: Title Text */
    --color-text-title: #FFFFFF;

    /* Group 8: Main Text */
    --color-text-main: #F3F4F6;
    --color-text-secondary: #9CA3AF;

    /* Group 9: Top Windows */
    --color-top-windows-bg: #000000;

    /* Group 10: Playbar Accent */
    --color-playbar-accent-bg: #1f2937;

    /* Group 11: Icons */
    --color-icon-default: #D1D5DB;

    /* Group 12: Buttons */
    --color-button-default-bg: #4B5563;

    /* Group 13: Emoji Bar */
    --color-emoji-bar-bg: #1f2937;
  }
}

body {
  font-family: var(--font-default, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica,
    Arial, sans-serif);
  height: 100%;
  margin: 0;
  color: var(--color-text-main);
  box-sizing: border-box;
  background-color: var(--color-frame);
  border-radius: 15px; 
  overflow: hidden;
  padding: 4px;    
}

/* --- New Scrollbar Implementation --- */
*::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

*::-webkit-scrollbar-track {
  background: rgba(0,0,0,0.2);
  border-radius: 10px;
  min-height: 100%;
}

*::-webkit-scrollbar-thumb {
  background-color: var(--color-active-highlight);
  border-radius: 10px;
  min-height: 20px; /* Ensure thumb has minimum height for visibility */
}

*::-webkit-scrollbar-thumb:hover {
  filter: brightness(1.2);
}

/* Ensure scrollbar track spans full container height for overflow-y containers */
::-webkit-scrollbar-track,
.scrollable::-webkit-scrollbar-track,
[id*="feed"]::-webkit-scrollbar-track,
[class*="feed"]::-webkit-scrollbar-track {
  min-height: 100%;
}