:root {
  /* ==========================================================================
     Traveyo_new'in css/traveyo.css'teki gerçek token setiyle BİREBİR aynı yapı
     (navy→koyu yeşil, teal→lime, orange/coral aynen, cta-gradient, radius,
     shadow, transition) — sadece renk değerleri golf/yeşil paletine çevrildi.
     ========================================================================== */

  /* --- Traveyo_new'in gerçek css/traveyo.css'inden HSL hue-shift ile (navy→yeşil,
     teal→lime) üretilen birebir eşleşen palet — assets/css/traveyo-golf-skin.css
     ile TAM AYNI değerler, tüm sayfalarda tek bir tutarlı yeşil kimlik için. --- */
  /* Traveyo Site Mockup (v1.3) editoryal paletine göre yeniden renklendirildi. */
  --tg-navy: #12402c;         /* mockup --deep */
  --tg-navy-mid: #17553a;
  --tg-navy-light: #1b6b45;   /* mockup --green */

  --tg-teal: #1b6b45;         /* mockup --green */
  --tg-teal-dark: #12402c;    /* mockup --deep */

  --tg-orange: #8a7748;       /* mockup --sand */
  --tg-coral: #a0392c;        /* mockup --flag */

  --tg-cta-start: #1b6b45;
  --tg-cta-end: #12402c;

  --tg-white: #ffffff;
  --tg-gray-100: #f7f6f2;     /* mockup --paper */
  --tg-gray-200: #edebe4;     /* mockup --paper2 */
  --tg-gray-500: #5c6560;     /* mockup --soft */
  --tg-text: #1b1f1c;         /* mockup --ink */

  --tg-radius: 0px;
  --tg-radius-lg: 0px;
  --tg-radius-pill: 999px;

  --tg-shadow: 0 4px 24px rgba(18, 64, 44, .10);
  --tg-shadow-lg: 0 8px 40px rgba(18, 64, 44, .18);
  --tg-shadow-sm: 0 1px 2px rgba(18, 64, 44, .08), 0 1px 1px rgba(18, 64, 44, .05);

  /* --- Traveyo_new: --trv-transition --- */
  --tg-transition: all .22s cubic-bezier(.4, 0, .2, 1);

  /* --- Mockup font stack: Public Sans (gövde) + Playfair Display (başlık) --- */
  --tg-font-body: 'Public Sans', 'Helvetica Neue', Arial, sans-serif;
  --tg-font-heading: 'Playfair Display', Georgia, serif;

  /* ================= Geriye dönük uyumluluk (eski --tg-* isimleri) ================= */
  --tg-antrasit-900: var(--tg-navy);
  --tg-antrasit-800: var(--tg-navy-mid);
  --tg-antrasit: var(--tg-navy-light);
  --tg-antrasit-600: #3c614d;
  --tg-antrasit-100: #e7ede9;
  --tg-antrasit-50:  #f4f7f5;

  --tg-lime-700: var(--tg-teal-dark);
  --tg-lime-600: #93ab13;
  --tg-lime: var(--tg-teal);
  --tg-lime-100: #eef3d2;

  --tg-orange-700: var(--tg-coral);
  --tg-orange-100: #fde6ce;

  --tg-ink-900: var(--tg-text);
  --tg-ink-700: #40453f;
  --tg-ink-500: #6d746c;
  --tg-ink-300: #a7ada4;

  --tg-surface-0: var(--tg-white);
  --tg-surface-50: var(--tg-gray-100);
  --tg-surface-100: var(--tg-gray-200);
  --tg-border: #e1e4dc;

  --tg-green-900: var(--tg-navy);
  --tg-green-800: var(--tg-navy-mid);
  --tg-green-700: var(--tg-navy-light);
  --tg-green-600: var(--tg-antrasit-600);
  --tg-green-500: var(--tg-lime-600);
  --tg-green-100: var(--tg-antrasit-100);
  --tg-green-50:  var(--tg-antrasit-50);
  --tg-sand-600: var(--tg-orange-700);
  --tg-sand-500: var(--tg-orange);
  --tg-sand-100: var(--tg-orange-100);
  --tg-radius-sm: 6px;
  --tg-radius-md: var(--tg-radius);
}