/*
* Universal Site Colors - CSS Variables for a Tour Website (Opaque)
*/

:root {
  /*
   * Main Palette
   * Core colors evoking travel, nature, and water.
   */
  --primary-color: #148f76;      /* A deep, adventurous teal/green */
  --primary-dark: #0f6c588b;       /* A darker shade for accents and states */
  --primary-light: #4a504f8b;      /* A very light mint for soft backgrounds */
  --primary-breadcrumb: #d8a05f8b;

  --secondary-color: #d8a05f8b;    /* A warm, earthy sand/ochre */
  --secondary-dark: #b8854b8b;     /* A deeper shade for richness */
  --secondary-light: #fcf6e8;    /* A light cream tint for a natural feel */

  --rgba-white-48: rgba(255, 255, 255, 0.48);
  --rgba-white-50: rgba(255, 255, 255, 0.5);
  --rgba-white-95: rgba(255, 255, 255, 0.95);
  --rgba-white-98: rgba(255, 255, 255, 0.98);
  --rgba-black-01: rgba(0, 0, 0, 0.1);
  --rgba-black-02: rgba(0, 0, 0, 0.02);
  --rgba-black-03: rgba(0, 0, 0, 0.03);
  --rgba-black-05: rgba(0, 0, 0, 0.500);
  --rgba-black-06: rgba(0, 0, 0, 0.600);
  --rgba-black-07: rgba(0, 0, 0, 0.700);
  --rgba-black-15: rgba(0, 0, 0, 0.15);
  --rgba-primary-01: rgba(20, 143, 118, 0.1);
  --rgba-primary-02: rgba(20, 143, 118, 0.2);
  --rgba-primary-03: rgba(20, 143, 118, 0.3);
  --rgba-primary-04: rgba(20, 143, 118, 0.4);
  --rgba-primary-05: rgba(20, 143, 118, 0.5);
  --rgba-primary-06: rgba(20, 143, 118, 0.6);
  --rgba-primary-07: rgba(20, 143, 118, 0.7);
  --rgba-primary-08: rgba(20, 143, 118, 0.8);
  --rgba-secondary-01: rgba(216, 160, 95, 0.1);
  --rgba-secondary-02: rgba(216, 160, 95, 0.2);
  --rgba-secondary-03: rgba(216, 160, 95, 0.3);
  --rgba-secondary-04: rgba(216, 160, 95, 0.4);
  --rgba-secondary-05: rgba(216, 160, 95, 0.5);
  --rgba-secondary-06: rgba(216, 160, 95, 0.6);
  --rgba-secondary-07: rgba(216, 160, 95, 0.7);
  --rgba-secondary-08: rgba(216, 160, 95, 0.8);

  /* New variables for privacypolicy page */
  --rgba-primary-light-60: rgba(224, 242, 239, 0.6);
  --rgba-white-60: rgba(255, 255, 255, 0.6);
  --rgba-gray-100-05: rgba(245, 245, 245, 0.05);
  --rgba-primary-05: rgba(20, 143, 118, 0.5);
  --rgba-secondary-05: rgba(216, 160, 95, 0.5);
  --rgba-primary-10: rgba(20, 143, 118, 0.1);
  --rgba-secondary-10: rgba(216, 160, 95, 0.1);

  /*
   * Accent Colors
   * Used to highlight calls-to-action and important information, like a sunset.
   */
  --accent-color: #ff8a428b;       /* A vibrant, energetic orange */
  --accent-dark: #e07a3b8b;        /* A darker tone for contrast */
  --accent-light: #fff2e6;       /* A light peach tint for subtle highlights */

  --red: #d9534f;                /* For warnings and cancellations */
  --red-dark: #b83f3b;
  --red-light: #fbecec;

  --yellow: #f0ad4e;             /* For a touch of sunny warmth */
  --yellow-dark: #d8962f;
  --yellow-light: #fdf5e8;

  --blue: #007bff;               /* Standard blue for links and generic info */
  --blue-dark: #0056b3;
  --blue-light: #eaf4ff;

  --green: #28a745;              /* For positive feedback and success messages */
  --green-dark: #1e7e34;
  --green-light: #e9f5e9;

  /*
   * Neutral Palette (Grayscale)
   * The foundation for clean typography and UI elements.
   */
  --white: #ffffff;
  --black: #000000;

  --gray-050: #fbfbfb;           /* The lightest gray, for cards and sections */
  --gray-100: #f5f5f5;           /* Very light gray for backgrounds */
  --gray-200: #e0e0e0;           /* Light gray for borders and separators */
  --gray-300: #cccccc;           /* A solid border gray */
  --gray-400: #191919;           /* Subdued text for minor details */
  --gray-500: #888888;           /* A good mid-tone gray for placeholder text */
  --gray-600: #666666;           /* Secondary text color */
  --gray-700: #090909;           /* Primary text color for high readability */
  --gray-800: #333333;           /* Darker text for headings */
  --gray-900: #1c1c1c;           /* The darkest gray, near-black */

  /*
   * Bootstrap Color Overrides
   * Integrate your new palette with Bootstrap's utility classes.
   */
  --bs-primary: var(--primary-color);
  --bs-primary-rgb: 20, 143, 118;
  --bs-secondary: var(--secondary-color);
  --bs-secondary-rgb: 216, 160, 95;
  --bs-info: var(--blue);
  --bs-info-rgb: 0, 123, 255;
  --bs-success: var(--green);
  --bs-success-rgb: 40, 167, 69;
  --bs-warning: var(--yellow);
  --bs-warning-rgb: 240, 173, 78;
  --bs-danger: var(--red);
  --bs-danger-rgb: 217, 83, 79;
  --bs-light: var(--gray-100);
  --bs-light-rgb: 245, 245, 245;
  --bs-dark: var(--gray-800);
  --bs-dark-rgb: 51, 51, 51;
}

/* Override Bootstrap btn-outline-primary for Book Now button */
.btn-outline-primary {
    color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active {
    color: var(--white) !important;
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

/* Override Bootstrap bg-info for category badge */
.bg-info {
    background-color: var(--primary-color) !important;
}

.bg-info.text-dark {
    color: var(--white) !important;
}