:root {
  /* Primary Colors */
  --color-primary-light: #265baa;
  --color-primary-ultra-light: #d8e2fd;
  --color-primary-dark: #173f85;

  --border-color: #e4e4e4db;
  --background-color: #f7f8f9;

  /* Neutral Colors */
  --color-white: #ffffff;
  --color-black: #000000;
  --color-gray-50: #f9fafb;
  --color-gray-75: #f8fafc;
  --color-gray-100: #bebebe;
  --color-gray-125: #e5e7eb;
  --color-gray-150: #f5f5f5;
  --color-gray-200: #9798a8;
  --color-gray-300: #8d8d8d;
  --color-gray-400: #757682;
  --color-gray-500: #595a64;
  --color-gray-600: #333;
  --color-gray-700: #141a21;
  --color-gray-800: #f8f9fa;
  --color-gray-900: #717171;
  --color-gray-950: #2c3947;
  --color-gray-A0A0A0: #a0a0a0;
  --color-gray-D1D5DB: #d1d5db;

  /* Blue */
  --color-blue-100: #007bff;
  --color-blue-200: #1d7afc;
  --color-blue-300: #9798a8;
  --color-blue-400: #d5d6ed;
  --color-blue-500: #f2f2f9;
  --color-blue-600: #ebf6fa;
  --color-dark-blue-500: #8da8ba;
  --tropical-blue-300: #e3e4f3;

  /* Red */
  --color-red-100: #e34935;

  /* Yellow */
  --color-yellow-100: #cf9f02;

  /* Light bg colors */
  --bg-primary: #f0f2f5;
  --bg-light-gray: #f1f1f1;

  /* Text Colors */
  --text-primary: #374151;
  --text-secondary: #6b7280;
  --text-muted: #9798a8;

  /* Message Colors */
  --success-bg: #4caf50;

  /* Scrollbar Colors */
  --scrollbar-track: #f1f1f1;
  --scrollbar-thumb: #888888;
  --scrollbar-thumb-hover: #555555;
  --color-text-505050: #505050;
  --color-grey-800: #3e3e3e;
  --color-grey-900: #2f2f2f;

  --color-success: #1b9763;
  --color-warning: #e2cd2e;
  --color-error: #c93f3f;
  --header-text-color: #485c6e;
  --hover-color: #e6edf3;

  /* Additional colors for the updated CSS */
  --color-gray-slate-300: #cbd5e1;
  --color-gray-disabled: #9ca3af;
  --color-gray-f3f4f6: #f3f4f6;
  --color-btn-secondary-text: #485c6e;
  --color-zinc-400: #a1a1aa;
  --color-gray-e5e5e5: #e5e5e5;
  --color-gray-placeholder: #9ca3af;
  --color-amber-500: #f59e0b;
  --color-red-500: #ef4444;
  --color-slate-100: #f1f5f9;
  --color-slate-200: #e2e8f0;
  --color-gray-f9f9f9: #f9f9f9;
  --color-gray-e0e0e0: #e0e0e0;
  --color-slate-800: #1e293b;
  --color-slate-500: #64748b;
  --color-slate-700: #334155;
  --color-slate-300: #cbd5e1;
  --color-slate-600: #475569;
  --color-indigo-500: #667eea;
  --color-purple-600: #764ba2;
  --color-variant-bg: #fbfbfd;
  --color-variant-border: #f1f1f1;
  --color-gray-variant-header: #f8f9fa;
  --color-gray-variant-header-border: #e9ecef;
  --color-gray-content: #374151;

  /* New variables for essay-title-generator.css */
  --color-empty-state-bg: #f8fafc;
  --color-empty-state-border: #cbd5e1;
  --color-empty-state-text: #bebebe;
  --color-empty-state-heading: #757682;
  --color-input-border: #d1d5db;
  --color-char-counter-text: #6b7280;
  --color-char-counter-bg: #fff;
  --color-char-counter-border: #e5e7eb;
  --color-char-warning: #f59e0b;
  --color-char-error: #ef4444;
  --color-required-asterisk: red;
  --color-copy-btn-hover-bg: #f9fafb;
  --color-copy-btn-hover-border: #d1d5db;
  --color-copy-btn-border: #e5e7eb;
  --color-copy-btn-text: #6b7280;
  --color-box-shadow-light: rgba(0, 0, 0, 0.1);
}