/* HouseLocator Color Variables */
:root {
  /* Primary Brand Colors (actively used) */
  --hl-primary-material-blue: #1976d2;
  --hl-email-link-blue: #007bff;
  --hl-light-blue-accent: #8fdee9;
  --hl-heart-color: #f47040;
  --hl-dark-green: #004f4e;
  --hl-medium-blue: #64a0b8;
  
  /* Status Colors (actively used) */
  --hl-success-green: #6DBE45;
  --hl-error-red: #f44336;
  
  /* Background Colors (actively used) */
  --hl-bg-white: #ffffff;
  --hl-bg-light-theme: #b2cce5;
  --hl-bg-approved-light: #FFE4B5;
  --hl-bg-approved-dark: #8B4513;
  --hl-bg-available-light: #8fdee9;
  --hl-bg-available-dark: #283593;
  --hl-bg-sticky-dark: #2b3953;
  --hl-bg-cell-dark: #1f1e2c;
  
  /* Text Colors (actively used) */
  --hl-text-black: #000000;
  --hl-text-white: #ffffff;
  
  /* Map Cluster Colors (actively used) */
  --hl-cluster-small-bg: #00a6ff;
  --hl-cluster-small-inner: #008dfb;
  --hl-cluster-medium-bg: #efca3e;
  --hl-cluster-medium-inner: #f9bf02;
  --hl-cluster-large-bg: #ff3966;
  --hl-cluster-large-inner: #ff0b05;
  
  /* Auth Method Colors (actively used) */
  --hl-auth-border: rgba(0, 0, 0, 0.12);
  --hl-auth-border-hover: rgba(0, 0, 0, 0.3);
  --hl-auth-bg-hover: rgba(0, 0, 0, 0.04);
  --hl-auth-bg-selected: rgba(25, 118, 210, 0.08);
  --hl-auth-icon: rgba(0, 0, 0, 0.6);
  
  /* Form Colors (actively used) */
  --hl-purple-primary: #594ae2;
  
  /* Grid Colors (actively used) */
  --hl-grid-border: #bed1df;
} 

/* LocationDataGrid custom border styling */
.custom-grid {
  border-color: var(--hl-grid-border) !important;
}