:root{
    --stockdrop-yellow: #efd415;
  --stockdrop-green: #00a274;
  --stockdrop-accent-hover: #5a7afa;
  --stockdrop-orange:#f9b20e;
  --stockdrop-black:#1f2228;
  --stockdrop-red:#c60b0b;
  --vin-secondary-color:var(--sidebar-active-color);
  --vin-primary-color:#999;
  --vehicle-edit-header-bg:var(--stockdrop-black);
  --vehicle-edit-header-text:#000;
  --modal-background-color:#fff;
  --color-highlight-input: rgb(146 207 239);
  --color-border: #e5e7eb;
  --color-background: #f5f5f5;
  --color-text: #333;
  --color-pill-label: #555;
  --color-shadow: rgba(0, 0, 0, 0.1);
  --box-shadow-standard: 0 1px 3px var(--color-shadow), 0 1px 2px rgba(0, 0, 0, 0.26);
  --color-positive: rgba(0, 180, 0, 0.1);
  --header-height: 60px;
  --footer-height: 50px;
  --stockdrop-highlight-color: rgba(90, 122, 250, 0.29);
  --stockdrop-highlight-color-border: rgb(13, 110, 253);
  --sidebar-color:#fff;
  --sidebar-bgcolor:var(--friend-blue);
  --friend-blue:#00095B;
  --friend-grey:#E2E8F0;
  --body-bg:#fff;
  --friend-text:var(--friend-blue);
  --sidebar-active-color:#006FF3;  
  --status-text-color:#fec913;
  --sidebar-button-hover-bg:var(--sidebar-active-color);
  --sidebar-button-hover-border:var(--sidebar-active-color);
  --sidebar-button-hover-color:#fff;
  --status-bar-bg:#006ff342;
  --status-bar-border:#344969;
  --color-content-border:#fff;
  --color-content-button-background:#006FF3;
  --gridjs-th-bg:#E8ECEF;
  --gridjs-tr-hover-bg:#0d6efd59;
  --gridjs-tr-hover-bg:var(--stockdrop-highlight-color);
  --button-background:#006FF3;
  --button-text:#fff;
  --color-error:var(--stockdrop-red);

  --color-error-border:#b14949;
  }