/* styles/globals.css */

/* 1. Full-height reset so the Next.js root and body fill the viewport */
html,
body,
#__next {
  height: 100%;
  margin: 0;
  padding: 0;
}

/* 2. Your existing global styles */
html,
body {
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
    Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}

a {
  color: inherit;
  text-decoration: none;
}

* {
  box-sizing: border-box;
}


 
/* theme variables */
:root {
  /* gradient stops from Apple system blue → purple */
  --gradient-start: #0a84ff;
  --gradient-end:   #bf5af2;
 
  --bg-page:      #121217;
  --bg-header:    rgba(0, 0, 0, 0.8);
  --bg-chat:      #1e1e28;
  --bg-input:     #1e1e28;
  --text-primary: #e5e5e5;
  --text-sec:     #a1a1aa;
  --bubble-user:  #3b82f6;
  --bubble-bot:   #2a2a37;
  --shadow-glass: rgba(0, 0, 0, 0.6);
}