/* ==========================================================================
   AI TOOLS - CSS VARIABLES
   Standard Orange/Black theme variables for all AI Tools
   Based on NIST NICE Framework design
   ========================================================================== */

:root {
  /* Primary Orange Theme */
  --primary-color: #ff6b35;
  --primary-dark: #e55a25;
  --primary-light: #ff8855;
  
  /* Accent Colors */
  --accent-blue: #4a9eff;
  --accent-green: #5cb85c;
  --accent-yellow: #fbbf24;
  --accent-purple: #8b5cf6;
  
  /* Background Colors */
  --background-dark: #1a1a1a;
  --background-secondary: #232425;
  --background-light: #2a2a2a;
  --background-hover: #3e3e42;
  
  /* Text Colors */
  --text-primary: #e0e0e0;
  --text-secondary: #b3b3bd;
  --text-muted: #888;
  
  /* Border & Shadows */
  --border-color: #4e4e57;
  --border-radius: 8px;
  --border-radius-sm: 4px;
  --border-radius-lg: 12px;
  --shadow-sm: 0 2px 4px rgba(0,0,0,0.2);
  --shadow-md: 0 4px 8px rgba(0,0,0,0.3);
  --shadow-lg: 0 8px 16px rgba(0,0,0,0.4);
  
  /* Focus States */
  --focus-ring: 0 0 0 3px rgba(255, 107, 53, 0.2);
  --focus-ring-light: 0 0 0 3px rgba(255, 107, 53, 0.1);
}