/* ========== PRIME MOVE SERVICES COLOR SCHEME ========== */

:root {
  /* Primary Colors - From Logo */
  --primary-blue: #003A7A;           /* Deep Blue */
  --primary-blue-light: #0052A3;     /* Lighter Deep Blue */
  --secondary-blue: #0070D8;         /* Bright Blue */
  --secondary-blue-light: #3B8FE8;   /* Light Blue */

  /* Accent Colors */
  --accent-gray: #2C3E50;            /* Dark Gray */
  --accent-gray-light: #546E7A;      /* Light Gray */
  --accent-light: #ECF0F1;           /* Very Light Gray */

  /* Backgrounds */
  --bg-white: #FFFFFF;
  --bg-light-gray: #F5F5F5;
  --bg-very-light: #FAFBFC;

  /* Text Colors */
  --text-dark: #2C3E50;
  --text-light: #FFFFFF;
  --text-muted: #546E7A;
  --text-secondary: #7A8A94;

  /* Supporting Colors */
  --success-color: #27AE60;
  --error-color: #E74C3C;
  --warning-color: #F39C12;
  --info-color: #3498DB;

  /* Borders & Dividers */
  --border-light: #E0E6ED;
  --border-medium: #D4DCE4;
  --border-dark: #B8C5D6;
  --divider-color: #ECEFF1;

  /* Shadow Elevation */
  --shadow-sm: 0 2px 4px rgba(0, 58, 122, 0.08);
  --shadow-md: 0 4px 12px rgba(0, 58, 122, 0.12);
  --shadow-lg: 0 8px 24px rgba(0, 58, 122, 0.16);
  --shadow-xl: 0 12px 36px rgba(0, 58, 122, 0.2);

  /* Hover & Active States */
  --hover-overlay: rgba(0, 70, 216, 0.08);
  --active-overlay: rgba(0, 58, 122, 0.12);
  --focus-ring: rgba(0, 112, 216, 0.5);
}

/* ========== DARK MODE VARIANT ========== */
@media (prefers-color-scheme: dark) {
  :root {
    --bg-white: #1A1F2E;
    --bg-light-gray: #252D3D;
    --bg-very-light: #2F3847;

    --text-light: #FFFFFF;
    --text-dark: #E8E8E8;
    --text-muted: #A8B8C8;
    --text-secondary: #909CA8;

    --border-light: #3A4556;
    --border-medium: #485565;
    --border-dark: #5A6A7A;
    --divider-color: #2F3847;

    --hover-overlay: rgba(0, 112, 216, 0.12);
    --active-overlay: rgba(0, 112, 216, 0.18);
    --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.25);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.35);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.45);
    --shadow-xl: 0 12px 36px rgba(0, 0, 0, 0.55);
  }
}

/* ========== SEMANTIC COLOR TOKENS ========== */

/* Header & Navigation */
:root {
  --header-bg: var(--text-light);
  --header-text: var(--text-dark);
  --nav-link: var(--accent-gray);
  --nav-link-active: var(--secondary-blue);
  --nav-link-hover: var(--primary-blue);
}

@media (prefers-color-scheme: dark) {
  :root {
    --header-bg: var(--bg-light-gray);
    --header-text: var(--text-light);
    --nav-link: var(--text-muted);
    --nav-link-active: var(--secondary-blue-light);
    --nav-link-hover: var(--secondary-blue);
  }
}

/* Hero Section */
:root {
  --hero-bg: linear-gradient(135deg, var(--primary-blue) 0%, var(--secondary-blue) 100%);
  --hero-text: var(--text-light);
  --hero-subtext: rgba(255, 255, 255, 0.85);
}

/* Cards & Components */
:root {
  --card-bg: var(--bg-light-gray);
  --card-border: var(--border-light);
  --card-shadow: var(--shadow-md);
  --card-hover-shadow: var(--shadow-lg);
  --card-hover-border: var(--secondary-blue);
}

@media (prefers-color-scheme: dark) {
  :root {
    --card-bg: #2F3847;
    --card-border: var(--border-dark);
    --card-shadow: var(--shadow-md);
  }
}

/* Buttons */
:root {
  --btn-primary-bg: var(--secondary-blue);
  --btn-primary-text: var(--text-light);
  --btn-primary-hover: var(--primary-blue);
  --btn-primary-active: #00377A;

  --btn-secondary-bg: transparent;
  --btn-secondary-border: var(--secondary-blue);
  --btn-secondary-text: var(--secondary-blue);
  --btn-secondary-hover-bg: var(--secondary-blue);
  --btn-secondary-hover-text: var(--text-light);

  --btn-ghost-text: var(--secondary-blue);
  --btn-ghost-hover-bg: var(--hover-overlay);
}

/* Form Elements */
:root {
  --input-bg: var(--bg-light-gray);
  --input-border: var(--border-light);
  --input-text: var(--text-dark);
  --input-placeholder: var(--text-secondary);
  --input-focus-border: var(--secondary-blue);
  --input-focus-shadow: var(--focus-ring);
}

/* Status Colors */
:root {
  --success-bg: #D4EDDA;
  --success-border: #C3E6CB;
  --success-text: #155724;

  --error-bg: #F8D7DA;
  --error-border: #F5C6CB;
  --error-text: #721C24;

  --warning-bg: #FFF3CD;
  --warning-border: #FFEEBA;
  --warning-text: #856404;

  --info-bg: #D1ECF1;
  --info-border: #BEE5EB;
  --info-text: #0C5460;
}

@media (prefers-color-scheme: dark) {
  :root {
    --success-bg: rgba(39, 174, 96, 0.15);
    --success-border: rgba(39, 174, 96, 0.3);
    --success-text: #66BB6A;

    --error-bg: rgba(231, 76, 60, 0.15);
    --error-border: rgba(231, 76, 60, 0.3);
    --error-text: #EF5350;

    --warning-bg: rgba(243, 156, 18, 0.15);
    --warning-border: rgba(243, 156, 18, 0.3);
    --warning-text: #FFA726;

    --info-bg: rgba(52, 152, 219, 0.15);
    --info-border: rgba(52, 152, 219, 0.3);
    --info-text: #64B5F6;
  }
}