*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --bg-base:        #0f1117;
  --bg-surface:     #1a1d27;
  --bg-elevated:    #222536;
  --border:         #2e3150;
  --accent:         #6c63ff;
  --accent-hover:   #574fd6;
  --text-primary:   #e8e8f0;
  --text-secondary: #8b8fa8;
  --text-muted:     #555870;
  --bubble-user:    #6c63ff;
  --bubble-ai:      #222536;
  --sidebar-width:  280px;
  --panel-width:    260px;
  --header-height:  56px;
}

html, body, #root {
  height: 100%;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  background: var(--bg-base);
  color: var(--text-primary);
  font-size: 15px;
}

@keyframes blink {
    0%, 100% { opacity: 1; }
    50%       { opacity: 0; }
}