/* ═══════════════════════════════════════
   DESIGN TOKENS
═══════════════════════════════════════ */
:root {
  --bg-dark:        #000000;
  --bg-grey:        #0D0D0E;
  --bg-light-grey:  #1A1C1E;
  --bg-hover:       #242729;
  --bg-blue:        #0B101D;
  --border-secondary: #1A1B1D;
  --border-primary:   #282C2F;
  --border-hover:     #3E4247;
  --text-primary:   #CECECE;
  --text-secondary: #71767C;
  --icon-primary:   #CECECE;
  --icon-secondary: #909498;
  --error:          #C44B4B;
  --selection:      #3B82F6;

  --font-display: var(--font-ui);
  --font-ui: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', system-ui, sans-serif;

  --radius:      6px;
  --radius-pill: 71px;

  --sidebar-w: 272px;
  --header-h:  60px;
}

[data-theme="light"] {
  --bg-dark:        #FFFFFF;
  --bg-grey:        #F2F2F7;
  --bg-light-grey:  #E5E5EA;
  --bg-hover:       #D8D8DD;
  --bg-blue:        #EFF6FF;
  --border-secondary: #E0E0E3;
  --border-primary:   #C7C7CC;
  --text-primary:   #1C1C1E;
  --text-secondary: #6C6C70;
  --icon-primary:   #1C1C1E;
  --icon-secondary: #6C6C70;
}

/* ═══════════════════════════════════════
   RESET + BASE
═══════════════════════════════════════ */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html {
  height: 100%;
}
body {
  height: 100%;
  overflow: hidden;
  background: var(--bg-dark);
  display: flex;
  color: var(--text-primary);
  font-family: var(--font-ui);
  font-size: 14px;
  line-height: 1;
}
a    { text-decoration: none; color: inherit; }
button {
  background: none; border: none; cursor: pointer;
  color: inherit; font: inherit; padding: 0; text-align: left;
}

/* ═══════════════════════════════════════
   APP SHELL — fills the full viewport
═══════════════════════════════════════ */
.app {
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}