/* ==========================================================================
   SHN Ceylon — Design Tokens / CSS Custom Properties
   ========================================================================== */

:root {
  /* ---- Brand colors ---- */
  --shn-teal-dark: #094F60;       /* nav links, "PRIVATE LIMITED" text */
  --shn-ink: #0B2B26;             /* near-black heading text on light bg */
  --shn-black: #121212;           /* dark section background */
  --shn-black-soft: #1A1A1A;      /* footer background */

  --shn-green-accent: #90F54E;    /* lime green - Discover buttons, English pill */
  --shn-green-accent-hover: #7FE83A;

  --shn-sage: #6FAE8C;            /* "WHY CHOOSE US" eyebrow text */
  --shn-pink: #FFD4D4;            /* Contact pill background */

  /* Tour card flag badges — pastel per tour type */
  --shn-flag-purple: #C9A8FF;     /* Most Popular */
  --shn-flag-aqua: #A8E0FF;       /* Beach Escape */
  --shn-flag-mint: #BFE8D2;       /* Misty World */
  --shn-flag-amber: #FFE08A;      /* Wildlife */
  --shn-flag-rosepink: #FFD4D4;   /* Wellness */
  --shn-flag-rose: #FFB3C6;       /* Honeymoon */

  /* Card accent borders */
  --shn-card-border-green: #5EA17B;
  --shn-card-border-yellow: #E2CF00;
  --shn-card-border-purple: #A549C9;
  --shn-card-border-red: #E95F5F;

  /* Neutrals */
  --shn-white: #FFFFFF;
  --shn-gray-50: #F7F7F8;
  --shn-gray-100: #F2F2F2;
  --shn-gray-200: #E5E5E5;
  --shn-gray-300: #D6D6D6;
  --shn-gray-500: #8A8A8A;
  --shn-gray-600: #6B6B6B;
  --shn-gray-700: #4A4A4A;
  --shn-star-gold: #F2B544;

  /* ---- Typography ---- */
  --font-base: "Figtree", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-serif: Georgia, "Times New Roman", serif; /* rating line uses a serif accent */

  /* Fluid type scale (clamp: mobile -> desktop) */
  --fs-hero:        clamp(2.25rem, 1.4rem + 3.6vw, 4rem);     /* "The Future is Fertile" */
  --fs-h1:           clamp(1.9rem, 1.3rem + 2.6vw, 3.1rem);    /* "A Legacy of Success" */
  --fs-h2:           clamp(1.7rem, 1.2rem + 2.1vw, 2.5rem);    /* "One Trusted Name" */
  --fs-h3:           clamp(1.5rem, 1.2rem + 1.2vw, 1.85rem);   /* Card titles */
  --fs-body-lg:      clamp(1rem, 0.93rem + 0.3vw, 1.125rem);
  --fs-body:         1rem;
  --fs-small:        0.9375rem;
  --fs-eyebrow:      0.875rem;

  /* ---- Layout ---- */
  --container-max: 1440px;
  --container-pad: 30px;
  --nav-height: 84px;
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-pill: 100px;

  --transition-fast: 0.2s ease;
  --transition-base: 0.3s ease;
  --transition-slow: 0.45s ease;
}