/* === Neutral light theme to match Cal.com-inspired auth === */
    :root {
      --primary: #0f172a;
      --primary-light: #2563eb;
      --primary-dark: #0b1220;
      --gradient: linear-gradient(135deg, #0f172a 0%, #0b1220 100%);
  
      --sidebar-bg: #0b0d12;
      --sidebar-text: #e4e7eb;
      --sidebar-hover: #12151d;
      --sidebar-active: #161a22;
      --chat-bg: #f4f5f7;
      --message-bg: #ffffff;
      --user-message-bg: #f5f7fb;
      --border-color: #e5e7eb;
      --text-primary: #0f172a;
      --text-secondary: #4b5563;
      --code-bg: #0b0e14;
      --code-text: #f3f5f7;
    }
  
    .auth-screen {
      background: #f4f5f7;
    }
  
    .auth-container {
      background: #ffffff;
      border: 1px solid #e5e7eb;
      box-shadow: 0 20px 60px rgba(0,0,0,0.08);
    }
  
    .auth-title {
      background: linear-gradient(90deg, #0f172a, #2563eb);
      -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
    }
  
    .auth-input {
      background: #ffffff;
      border: 1px solid #d1d5db;
      color: var(--text-primary);
    }
    .auth-input:focus { border-color: var(--primary-light); box-shadow: 0 0 0 3px rgba(37,99,235,0.14); }
  
    .auth-tab { background: #f8fafc; }
    .auth-tab.active { background: #ffffff; box-shadow: 0 4px 14px rgba(0,0,0,0.06); }
  
    .auth-btn { background: var(--gradient); box-shadow: 0 8px 16px rgba(15,23,42,0.18); }
    .auth-btn:hover { filter: saturate(1.03); transform: translateY(-1px); }
  
    .terms-link, .auth-link { color: #2563eb; }
    .terms-link:hover, .auth-link:hover { color: #1d4ed8; }
  
    .toast-notification { background-color: #0f131b; color: #f3f5f7; border: 1px solid rgba(37,99,235,0.2); }
  
    .launch-progress { background: rgba(37,99,235,0.16); }
    .launch-progress-bar { background: linear-gradient(90deg, #2563eb, #1d4ed8); }
  
    body.dark-mode .auth-input { background: rgba(255,255,255,0.05); border-color: rgba(255,255,255,0.12); }