/*--------------------------------------------------------------
  SITE COLORS — the one file to edit to re-theme the public website.

  Loaded after travhub.css (the vendored theme, which should never be
  edited directly) and before site-custom.css, so every color below
  overrides the theme's own default and cascades to every public page
  (home, cars, tours, car-details, checkout, etc.) and every effect that
  uses it: solid fills, text, borders, AND tinted/soft shadows.

  IMPORTANT — each color below has TWO lines: a normal hex value, and an
  "-rgb" line with the exact same color spelled out as R, G, B numbers
  (no "rgb()" wrapper, just the three numbers). Both must always describe
  the SAME color. The hex line is used for solid fills (buttons, text,
  icons); the -rgb line is used everywhere a color needs transparency —
  most visibly, colored shadows and soft tinted backgrounds
  (e.g. "rgba(var(--travhub-base-rgb), 0.5)"). If you only update the hex
  line, solid colors change but shadows/tints keep the OLD color, which is
  exactly the bug that was happening here before this file existed.
  When you pick a new color, convert it with any "hex to rgb" tool/search
  and update both lines together.
--------------------------------------------------------------*/
:root {
    /* Brand / accent color — buttons, links, active states, price
       highlights, and every colored shadow or soft tint on the site. This
       is the one most people mean by "the site's color". */
    --travhub-base: #343833;
    --travhub-base-rgb: 52, 56, 51;

    /* Main body text color (paragraphs, descriptions, meta text). */
    --travhub-text: #555555;
    --travhub-text-rgb: 85, 85, 85;

    /* Secondary/lighter text (hints, captions). */
    --travhub-text2: #757575;
    --travhub-text2-rgb: 117, 117, 117;

    /* Light accent tint — used sparingly for soft backgrounds. */
    --travhub-primary: #abe6d7;
    --travhub-primary-rgb: 171, 230, 215;

    /* Light neutral backgrounds (section backgrounds, subtle fills). */
    --travhub-gray: #F0F0F0;
    --travhub-gray-rgb: 240, 240, 240;
    --travhub-gray2: #F1F4FA;
    --travhub-gray2-rgb: 241, 244, 250;

    /* Pure white — card backgrounds, text on dark buttons. */
    --travhub-white: #fff;
    --travhub-white-rgb: 255, 255, 255;

    /* Headings and the darkest body text. */
    --travhub-black: #292929;
    --travhub-black-rgb: 41, 41, 41;
    --travhub-black2: #343434;
    --travhub-black2-rgb: 52, 52, 52;
    --travhub-black3: #000;
    --travhub-black3-rgb: 0, 0, 0;

    /* Hairline borders/dividers. */
    --travhub-border-color: #e5e3e0;
    --travhub-border-color-rgb: 229, 227, 224;
}