/**
 * Brothers Home Inspection - Brand Colors
 * Based on official brand identity manual
 */

:root {
  /* ===========================
     PRIMARY COLORS - Brand Identity
     =========================== */
  --brand-green: #4E612C;              /* Main brand color */
  --brand-green-dark: #3a4821;         /* Darker green - hover states */
  --brand-green-light: #627a37;        /* Lighter green - subtle backgrounds */
  --brand-green-very-light: #8f9d6a;   /* Very light green - disabled states */

  /* ===========================
     SECONDARY COLORS - Brand Identity
     =========================== */
  --brand-beige: #E8E0BF;              /* Secondary brand color */
  --brand-beige-dark: #d4ccaa;         /* Darker beige - borders, separators */
  --brand-beige-light: #f5f1e5;        /* Lighter beige - subtle backgrounds */
  --brand-beige-very-light: #faf8f0;   /* Very light beige - section backgrounds */

  /* ===========================
     NEUTRAL COLORS
     =========================== */
  --white: #FFFFFF;
  --black: #2C2C2C;                    /* Soft black for text */
  --gray-darkest: #333333;             /* Darkest gray */
  --gray-dark: #4A4A4A;                /* Dark gray - secondary text */
  --gray-medium: #8F8F8F;              /* Medium gray - tertiary text */
  --gray-light: #E5E5E5;               /* Light gray - borders, dividers */
  --gray-very-light: #F5F5F5;          /* Very light gray - backgrounds */

  /* ===========================
     STATE COLORS (based on brand colors)
     =========================== */
  --color-success: #4E612C;            /* Success state - brand green */
  --color-info: #627a37;               /* Info state - light green */
  --color-warning: #d4a650;            /* Warning state - warm tone */
  --color-danger: #c84c3a;             /* Danger state - red tone */

  /* ===========================
     SEMANTIC COLORS - UI Elements
     =========================== */
  --color-primary: var(--brand-green);
  --color-primary-hover: var(--brand-green-dark);
  --color-primary-light: var(--brand-green-light);

  --color-secondary: var(--brand-beige);
  --color-secondary-hover: var(--brand-beige-dark);
  --color-secondary-light: var(--brand-beige-light);

  /* ===========================
     TEXT COLORS
     =========================== */
  --text-primary: var(--black);
  --text-secondary: var(--gray-dark);
  --text-tertiary: var(--gray-medium);
  --text-inverse: var(--white);

  /* ===========================
     BACKGROUND COLORS
     =========================== */
  --bg-primary: var(--white);
  --bg-secondary: var(--brand-beige-very-light);
  --bg-tertiary: var(--gray-very-light);

  /* ===========================
     BORDER COLORS
     =========================== */
  --border-primary: var(--gray-light);
  --border-secondary: var(--brand-beige-dark);
  --border-focus: var(--brand-green);

  /* ===========================
     SHADOWS
     =========================== */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.07);
  --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);
  --shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.15);
}

/* ===========================
   LEGACY ELEMENTOR COLORS OVERRIDE
   Override Elementor's default colors with brand colors
   =========================== */
:root,
.elementor-kit-6 {
  /* Primary color (was red #A51A34) → Brand Green */
  --e-global-color-primary: #4E612C !important;
  --e-global-color-primary-hover: #3a4821 !important;
  --e-global-color-primary-active: #3a4821 !important;
  --e-global-color-primary-border: #3a4821 !important;
  --e-global-color-primary-foreground: #ffffff !important;
  --e-global-color-primary-darken-15: #2d3819 !important;

  /* Accent color (was red #A51A34) → Brand Green */
  --e-global-color-accent: #4E612C !important;
  --e-global-color-accent-hover: #3a4821 !important;
  --e-global-color-accent-active: #3a4821 !important;
  --e-global-color-accent-border: #3a4821 !important;
  --e-global-color-accent-foreground: #ffffff !important;
  --e-global-color-accent-darken-15: #2d3819 !important;
  --e-global-color-accent-darken-25: #232b13 !important;
  --e-global-color-accent-darken-35: #1a1f0e !important;

  /* Text color (was dark blue #141E46) → Soft Black */
  --e-global-color-text: #2C2C2C !important;

  /* Secondary color (was dark blue #141E46) → Keep for contrast or change to beige */
  --e-global-color-secondary: #4A4A4A !important;

  /* Custom color for backgrounds */
  --e-global-color-bd59079: #F5F1E5 !important; /* Beige light backgrounds */
}