/* ======================================================================
   TELMESSOS PEYZAJ & ÇİÇEKÇİLİK — MUĞLA • FETHİYE
   MARKA RENK KAYNAĞI  (assets/css/marka.css)
   ----------------------------------------------------------------------
   Sitedeki ve yönetim panelindeki BÜTÜN renklerin tek kaynağı bu dosyadır.
   Yeni "TELMESSOS PEYZAJ & ÇİÇEKÇİLİK" logosundaki:
     • Asil Orman & Çam Yeşili (Logo yazısı ve yaprak dolguları) → --brand / --brand-700
     • Antik Roma Altını & Sıcak Bronz ('T' monogramı ve yaldız çerçeveler) → --gold / --accent / --bs-secondary
     • Adaçayı & Zeytin Yaprağı Yeşili (Zeytin dalı yaprakları) → --sage / --bs-info
     • Derin Botanik Gece Yeşili (Header, footer ve koyu zeminler) → --navy / --navy-900
     • Ilık Akdeniz Taşı & Krem (Zeminler & yüzey kartları) → --surface / --bg / --line

   Bootstrap 5.3 renk katmanı bu palete göre ezilmiştir.
   ====================================================================== */

:root {
    /* ── Asil Orman Yeşili (Logo Yazısı & Kurumsal Ana Renk) ─────────── */
    --brand-950: #07130a;
    --brand-900: #0d2012;
    --brand-800: #142d1a;
    --brand-700: #1a3922;
    --brand-600: #21472b;
    --brand:     #2a5a37;
    --brand-400: #3b794c;
    --brand-300: #5a9e6d;
    --brand-200: #92c7a0;
    --brand-100: #d4ecdc;
    --brand-050: #f0f8f3;

    /* ── Antik Roma Altını & Sıcak Bronz ('T' Monogramı & Vurgu Rengi) ─── */
    --gold-950: #2a1a03;
    --gold-900: #452c07;
    --gold-800: #6b450c;
    --gold-700: #946214;
    --gold-600: #b3791a;
    --gold:     #c59b27;
    --gold-400: #d9b247;
    --gold-300: #e8cc7c;
    --gold-200: #f3e3b3;
    --gold-100: #faf2dd;
    --gold-050: #fdfaf3;

    /* ── Adaçayı & Zeytin Yaprağı Yeşili (Doğal Akdeniz Bitki Örtüsü) ──── */
    --sage:     #5e7a5c;
    --sage-700: #3b5039;
    --sage-600: #4b6349;
    --sage-400: #779575;
    --sage-300: #98b196;
    --sage-200: #bdcebc;
    --sage-100: #e3ede2;
    --sage-050: #f4f8f3;

    /* ── Derin Botanik Gece Yeşili (Header / Footer / Kart Vurguları) ── */
    --navy-950: #061008;
    --navy-900: #0b1a0e;
    --navy:     #102414;
    --navy-2:   #16301b;
    --navy-3:   #1c3e23;
    --blue-400: #5e7a5c;
    --blue-300: #779575;
    --blue-100: #e3ede2;
    --blue-050: #f4f8f3;

    /* ── Parlak Aksan & Çağrı Butonları ─────────────────────────────────── */
    --accent:     #c59b27;
    --accent-2:   #b3791a;
    --accent-3:   #1a3922;
    --accent-050: #fdfaf3;

    /* Çağrı ve Keşif butonu degrade durakları */
    --cta-1:   #c59b27;
    --cta-2:   #21472b;
    --cta-3:   #0b1a0e;
    --cta-ink: #ffffff;

    /* Geriye dönük uyum değişkenleri */
    --teal:     #2a5a37;
    --teal-050: #f0f8f3;

    /* ── Yüzeyler & Arka Planlar (Ilık Akdeniz Taş & Villa Konsepti) ───── */
    --bg:        #f7f6f1;
    --surface:   #ffffff;
    --surface-2: #faf9f5;
    --surface-3: #eeebe3;
    --line:      #dfdcd2;
    --line-2:    #cbc6b8;

    /* ── Tipografi & Mürekkep ───────────────────────────────────────────── */
    --ink:   #0b1a0e;
    --ink-2: #203324;
    --ink-3: #526656;

    /* ── Durum Renkleri ─────────────────────────────────────────────────── */
    --success:     #1c3823;
    --success-050: #f0f8f3;
    --danger:      #dc2626;
    --danger-050:  #fef2f2;
    --warn:        #c59b27;
    --warn-050:    #fdfaf3;

    /* WhatsApp Marka Rengi */
    --wa:     #25d366;
    --wa-600: #1a3922;
}

/* ======================================================================
   BOOTSTRAP 5.3 EZME KATMANI
   ====================================================================== */

:root,
[data-bs-theme="light"] {
    --bs-blue: var(--navy-2);
    --bs-indigo: var(--navy);
    --bs-cyan: var(--sage);

    --bs-primary: #1a3922;
    --bs-primary-rgb: 26, 57, 34;
    --bs-primary-text-emphasis: #0d2012;
    --bs-primary-bg-subtle: #f0f8f3;
    --bs-primary-border-subtle: #d4ecdc;

    --bs-secondary: #c59b27;
    --bs-secondary-rgb: 197, 155, 39;
    --bs-secondary-text-emphasis: #6b450c;
    --bs-secondary-bg-subtle: #faf2dd;
    --bs-secondary-border-subtle: #f3e3b3;

    --bs-info: #5e7a5c;
    --bs-info-rgb: 94, 122, 92;
    --bs-info-text-emphasis: #384c37;
    --bs-info-bg-subtle: #f4f8f3;
    --bs-info-border-subtle: #d5e2d4;

    --bs-success: #21472b;
    --bs-success-rgb: 33, 71, 43;
    --bs-success-text-emphasis: #142d1a;
    --bs-success-bg-subtle: #f0f8f3;
    --bs-success-border-subtle: #d4ecdc;

    --bs-danger: #dc2626;
    --bs-danger-rgb: 220, 38, 38;
    --bs-danger-text-emphasis: #991b1b;
    --bs-danger-bg-subtle: #fef2f2;
    --bs-danger-border-subtle: #fecaca;

    --bs-warning: #c59b27;
    --bs-warning-rgb: 197, 155, 39;
    --bs-warning-text-emphasis: #6b450c;
    --bs-warning-bg-subtle: #faf2dd;
    --bs-warning-border-subtle: #f3e3b3;

    --bs-body-color: var(--ink-2);
    --bs-body-color-rgb: 32, 51, 36;
    --bs-emphasis-color: var(--ink);
    --bs-border-color: var(--line);
    --bs-border-color-translucent: rgba(11, 26, 14, .12);

    --bs-link-color: #1a3922;
    --bs-link-color-rgb: 26, 57, 34;
    --bs-link-hover-color: #c59b27;
    --bs-link-hover-color-rgb: 197, 155, 39;

    --bs-focus-ring-color: rgba(26, 57, 34, .25);
    --bs-heading-color: var(--ink);
}

/* ── Butonlar ─────────────────────────────────────────────────────── */
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #1a3922;
    --bs-btn-border-color: #1a3922;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #142d1a;
    --bs-btn-hover-border-color: #142d1a;
    --bs-btn-focus-shadow-rgb: 26, 57, 34;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0d2012;
    --bs-btn-active-border-color: #0d2012;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #92c7a0;
    --bs-btn-disabled-border-color: #92c7a0;
}

.btn-outline-primary {
    --bs-btn-color: #1a3922;
    --bs-btn-border-color: #1a3922;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #1a3922;
    --bs-btn-hover-border-color: #1a3922;
    --bs-btn-focus-shadow-rgb: 26, 57, 34;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #142d1a;
    --bs-btn-active-border-color: #142d1a;
    --bs-btn-disabled-color: #92c7a0;
    --bs-btn-disabled-border-color: #92c7a0;
}

.btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #c59b27;
    --bs-btn-border-color: #c59b27;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #b3791a;
    --bs-btn-hover-border-color: #b3791a;
    --bs-btn-active-bg: #946214;
    --bs-btn-active-border-color: #946214;
    --bs-btn-focus-shadow-rgb: 197, 155, 39;
}

.btn-outline-secondary {
    --bs-btn-color: #c59b27;
    --bs-btn-border-color: #c59b27;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #c59b27;
    --bs-btn-hover-border-color: #c59b27;
    --bs-btn-active-bg: #b3791a;
    --bs-btn-active-border-color: #b3791a;
    --bs-btn-focus-shadow-rgb: 197, 155, 39;
}

.btn-info {
    --bs-btn-color: #fff;
    --bs-btn-bg: #5e7a5c;
    --bs-btn-border-color: #5e7a5c;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #4b6349;
    --bs-btn-hover-border-color: #4b6349;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #3b5039;
    --bs-btn-active-border-color: #3b5039;
    --bs-btn-focus-shadow-rgb: 94, 122, 92;
}

.btn-success {
    --bs-btn-color: #fff;
    --bs-btn-bg: #21472b;
    --bs-btn-border-color: #21472b;
    --bs-btn-hover-bg: #1a3922;
    --bs-btn-hover-border-color: #1a3922;
    --bs-btn-active-bg: #142d1a;
    --bs-btn-active-border-color: #142d1a;
    --bs-btn-focus-shadow-rgb: 33, 71, 43;
}

.btn-dark {
    --bs-btn-bg: var(--navy-900);
    --bs-btn-border-color: var(--navy-900);
    --bs-btn-hover-bg: var(--navy-950);
    --bs-btn-hover-border-color: var(--navy-950);
    --bs-btn-active-bg: #000;
    --bs-btn-active-border-color: #000;
}

/* ── Rozetler (Badges) ────────────────────────────────────────────── */
.badge.text-bg-primary {
    background-color: var(--brand-700) !important;
    color: #fff !important;
}
.badge.text-bg-secondary {
    background-color: var(--gold) !important;
    color: #fff !important;
}
.badge.text-bg-info {
    background-color: var(--sage) !important;
    color: #fff !important;
}

/* ── Sayfalama (Pagination) ───────────────────────────────────────── */
.pagination {
    --bs-pagination-color: var(--brand-700);
    --bs-pagination-hover-color: var(--gold);
    --bs-pagination-hover-bg: var(--brand-050);
    --bs-pagination-hover-border-color: var(--brand-200);
    --bs-pagination-active-bg: var(--brand-700);
    --bs-pagination-active-border-color: var(--brand-700);
    --bs-pagination-border-color: var(--line);
}

/* ── Form Odak Halkaları ──────────────────────────────────────────── */
.form-control:focus,
.form-select:focus {
    border-color: var(--gold);
    box-shadow: 0 0 0 .25rem rgba(197, 155, 39, .25);
}

/* ── Akordeon Başlıkları ──────────────────────────────────────────── */
.accordion {
    --bs-accordion-active-color: var(--brand-700);
    --bs-accordion-active-bg: var(--brand-050);
    --bs-accordion-btn-focus-box-shadow: 0 0 0 .25rem rgba(26, 57, 34, .18);
}