/* ===================================
   AUTAVA COLOR SYSTEM
   ===================================
   Centralized color definitions for easy maintenance
   Update colors here to change them throughout the entire site
*/

:root {
  /* Brand Colors */
  --brand-primary: #ff4d24; /* Main orange brand color */
  --brand-secondary: #f97316; /* Secondary orange for gradients */

  /* Background Colors */
  --bg-primary: #000000; /* Main black background */
  --bg-secondary: #1a1a1a; /* Secondary dark background */
  --bg-tertiary: #0a0a0a; /* Footer background */
  --bg-card: rgba(0, 0, 0, 0.9); /* Service card background */
  --bg-overlay: rgba(0, 0, 0, 0.8); /* General overlay background */

  /* Text Colors */
  --text-primary: #ffffff; /* Primary white text */
  --text-secondary: #e2e8f0; /* Light gray text */
  --text-muted: #94a3b8; /* Muted gray text */
  --text-dark: #666666; /* Dark gray text */

  /* Border Colors */
  --border-primary: rgba(148, 163, 184, 0.3); /* Main border color */
  --border-secondary: rgba(51, 51, 51, 0.3); /* Secondary border */
  --border-tertiary: rgba(51, 51, 51, 0.5); /* Form borders */

  /* Interactive States */
  --hover-bg: rgba(128, 128, 128, 0.15); /* Hover background */
  --hover-border: rgba(128, 128, 128, 0.3); /* Hover border */
  --focus-shadow: rgba(255, 77, 36, 0.1); /* Focus shadow */

  /* Brand Color Variations */
  --brand-rgb: 255, 77, 36; /* RGB values for rgba usage */
  --brand-light: rgba(255, 77, 36, 0.2); /* Light brand color */
  --brand-medium: rgba(255, 77, 36, 0.4); /* Medium brand color */
  --brand-strong: rgba(255, 77, 36, 0.7); /* Strong brand color */
  --brand-solid: rgba(255, 77, 36, 0.9); /* Almost solid brand color */

  /* Gradient Definitions */
  --gradient-brand: linear-gradient(
    135deg,
    var(--brand-primary),
    var(--brand-secondary)
  );

  /* Shadow Colors */
  --shadow-brand: rgba(255, 77, 36, 0.15);
  --shadow-brand-strong: rgba(255, 77, 36, 0.3);
  --shadow-dark: rgba(0, 0, 0, 0.3);
}