/* 
   Base theme variables - DO NOT MODIFY
   This file defines all the CSS custom properties used throughout the application
   Actual values are set in theme-specific files
*/

:root {
  /* Background colors */
  --bg-body: #ffffff;
  --bg-container: #ffffff;
  --bg-navbar: #4e80fe;
  --bg-footer: #2d3748;
  --bg-message: #ffffff;
  --bg-message-user: #ffffff;
  --bg-message-assistant: #ffffff;
  --bg-message-system: #ffffff;
  --bg-code-block: #f8f9fa;
  --bg-code-header: #334155;
  --bg-inline-code: #eef2f7;
  /* --- START: New Glass Effect Variables --- */
  --bg-glass: rgba(255, 255, 255, 0.75);
  --border-glass: rgba(50, 50, 50, 0.2);
  /* --- END: New Glass Effect Variables --- */
  --bg-thinking: #f7f8fa;
  --bg-flash-error: #fff5f5;
  --bg-flash-info: #ebf8ff;
  --bg-flash-success: #f0fff4;
  --bg-light: #f7fafc;
  --bg-dark: #2d3748;
  --bg-hover: #f7fafc;

  /* Text colors */
  --text-primary: #2d3748;
  --text-secondary: #4a5568;
  --text-muted: #718096;
  --text-light: #a0aec0;
  --text-white: #ffffff;
  --text-navbar: #ffffff;
  --text-code: #212529;
  --text-inline-code: #2d3748;
  --text-thinking: #5a6c7d;
  --text-error: #c53030;
  --text-info: #2b6cb0;
  --text-success: #2f855a;
  --text-danger: #c53030;
  --text-brand: #4e80fe;

  /* Border colors */
  --border-light: #e2e8f0;
  --border-medium: #cbd5e0;
  --border-dark: #a0aec0;
  --border-thinking: #e1e5e9;
  --border-error: #c53030;
  --border-info: #2b6cb0;
  --border-success: #2f855a;

  /* Message border colors */
  --message-border-user: #ffffff;
  --message-border-assistant: #4e80fe;
  --message-border-system: #ed8936;

  /* Button colors */
  --btn-primary-bg: #4e80fe;
  --btn-primary-hover: #3182ce;
  --btn-primary-text: #ffffff;
  --btn-secondary-bg: #e2e8f0;
  --btn-secondary-hover: #cbd5e0;
  --btn-secondary-text: #4a5568;
  --btn-disabled-bg: #a0aec0;

  /* Shadow variables */
  --shadow-light: 0 1px 3px rgba(0, 0, 0, 0.1);
  --shadow-medium: 0 4px 6px rgba(0, 0, 0, 0.1);
  --shadow-dropdown: 0 4px 12px rgba(0, 0, 0, 0.15);
}