/**
 * FırsatYakında — tema değişkenleri (karanlık varsayılan, aydınlık html.fh-theme-light)
 */

:root {
    --fh-gold: #d4af37;
    --fh-gold-soft: rgba(212, 175, 55, 0.85);
    --fh-bg: #201d12;
    --fh-sidebar-bg: #1b180f;
    --fh-panel-soft: rgba(212, 175, 53, 0.045);
    --fh-border-soft: rgba(212, 175, 53, 0.1);
    --fh-border-strong: rgba(212, 175, 53, 0.18);
    --fh-text-soft: #d4dae3;
    --fh-text-muted: #8c99ad;
    --fh-text-dim: #748297;
    --fh-body-text: #f8fafc;
    --fh-heading: #ffffff;
    --fh-topbar-icon: #e5e7eb;
    --fh-search-bg: rgba(212, 175, 53, 0.04);
    --fh-search-border: rgba(212, 175, 53, 0.1);
    --fh-search-placeholder: #738097;
    --fh-card-image-bg: #181818;
    --fh-inactive-card-bg: rgba(22, 21, 18, 0.65);
    --fh-brand-link: #d9e0ea;

    --fh-skel-base: rgba(212, 175, 53, 0.085);
    --fh-skel-mid: rgba(212, 175, 53, 0.12);
    --fh-skel-shine: rgba(255, 244, 210, 0.22);
    --fh-skel-track: rgba(255, 244, 210, 0.06);

    /* Panel / güçlü metin */
    --fh-text-strong: #f4f1ea;

    /* Kampanya detay */
    --fh-cd-surface: #14120d;
    --fh-cd-surface-muted: #1a1812;
    --fh-cd-hero-chip-bg: rgba(16, 14, 10, 0.82);
    --fh-cd-thumbs-strip: linear-gradient(180deg, rgba(22, 20, 16, 0.98) 0%, #14120d 100%);
    --fh-cd-lead: #c5cdd8;
    --fh-cd-quote-text: #e8e2d4;
    --fh-cd-panel-bg: rgba(16, 15, 11, 0.92);
    --fh-cd-panel-shadow: 0 18px 40px rgba(0, 0, 0, 0.28);
    --fh-btn-ghost-text: #e8edf5;
    --fh-on-gold: #201d12;
    --fh-cd-trust-surface: rgba(255, 255, 255, 0.02);
    --fh-cd-toast-bg: rgba(22, 20, 16, 0.96);
    --fh-cd-toast-text: #fff4c7;
    --fh-cd-contact-card-bg: rgba(255, 244, 199, 0.03);
    --fh-mini-map-bg: #14120d;
    --fh-mini-map-fallback-overlay: linear-gradient(180deg, rgba(212, 175, 53, 0.06), rgba(0, 0, 0, 0.15));
    --fh-label-muted: rgba(255, 244, 199, 0.55);
    --fh-time-pill-text: #f0c278;

    /* Harita */
    --fh-map-sidebar-bg: rgba(11, 10, 7, 0.98);
    --fh-map-search-icon: #667085;
    --fh-map-input-bg: rgba(212, 175, 53, 0.04);
    --fh-map-input-border: rgba(212, 175, 53, 0.08);
    --fh-map-input-text: #f8fafc;
    --fh-map-input-placeholder: #7a8597;
    --fh-map-title: #ffffff;
    --fh-map-subtitle: #9aa4b2;
    --fh-map-select-bg: rgba(12, 11, 9, 0.92);
    --fh-map-select-text: #e8ecf2;
    --fh-map-select-focus: #d4af37;
    --fh-map-offer-thumb: #222222;
    --fh-map-canvas-bg: #15120d;
    --fh-map-topnav: #8c96a5;
    --fh-map-topnav-active: #ffffff;
    --fh-map-icon-btn-text: #dce2ea;
    --fh-map-style-inactive: #cbd5e1;
    --fh-map-style-active: #fff7d6;
    --fh-map-marker-text: #f5d562;
    --fh-map-offer-distance: #8a95a4;
    --fh-map-offer-desc: #9ba5b3;
    --fh-map-offer-time: #c4b896;

    /* Anasayfa */
    --fh-home-aside-bg: rgba(12, 11, 9, 0.55);
    --fh-home-nearby-hint: rgba(255, 236, 170, 0.55);
    --fh-home-hero-empty-text: rgba(255, 236, 170, 0.75);
    --fh-home-categories-strong: #fff4c7;

    /* Sidebar (marka, nav, CTA) */
    --fh-sidebar-brand-title: #ffffff;
    --fh-sidebar-brand-title-hover: #fff8e6;
    --fh-sidebar-link: #e5e7eb;
    --fh-sidebar-link-active-bg: rgba(212, 175, 53, 0.12);
    --fh-sidebar-link-hover-bg: rgba(212, 175, 53, 0.08);
    --fh-sidebar-muted-text: rgba(229, 231, 235, 0.55);
    --fh-sidebar-locale-label: rgba(229, 231, 235, 0.55);
    --fh-sidebar-locale-btn-text: #e5e7eb;
    --fh-sidebar-cta-text: #fff4c7;
    --fh-sidebar-cta-text-hover: #fff8e6;
    --fh-sidebar-cta-bg: linear-gradient(135deg, rgba(212, 175, 53, 0.28), rgba(212, 175, 53, 0.08));
    --fh-sidebar-cta-bg-hover: linear-gradient(135deg, rgba(212, 175, 53, 0.38), rgba(212, 175, 53, 0.14));
    --fh-sidebar-cta-border: rgba(212, 175, 53, 0.45);
    --fh-sidebar-cta-border-hover: rgba(212, 175, 53, 0.65);
    --fh-sidebar-mobile-btn: #e5e7eb;

    /* Sidebar kategori paneli */
    --fh-sidebar-categories-panel-bg: rgba(0, 0, 0, 0.18);
    --fh-sidebar-section-label: rgba(229, 231, 235, 0.55);

    /* Kategori listesi sayfası */
    --fh-category-card-bg: linear-gradient(180deg, rgba(33, 33, 36, 0.98) 0%, rgba(21, 21, 24, 0.98) 100%);
    --fh-category-card-border: #2f2f35;
    --fh-category-card-shadow: 0 10px 24px rgba(0, 0, 0, 0.16);
    --fh-category-card-hover-shadow: 0 18px 38px rgba(0, 0, 0, 0.28);
    --fh-category-title: #ffffff;
    --fh-category-description: #a1a1aa;
    --fh-category-footer: #f4f4f5;
    --fh-category-footer-border: rgba(255, 255, 255, 0.06);
    --fh-category-icon-fg: #f2c94c;
    --fh-category-count-fg: #f2c94c;
    --fh-category-empty-bg: linear-gradient(180deg, #18181b 0%, #131316 100%);
    --fh-category-empty-icon-bg: rgba(255, 255, 255, 0.03);
    --fh-category-empty-icon: #8f8f98;
    --fh-category-empty-title: #ffffff;

    /* Kampanya detay — ana sütun / bölüm */
    --fh-cd-main-fg: var(--fh-body-text);
    --fh-cd-article-border: rgba(212, 175, 53, 0.08);
    --fh-cd-quote-panel-bg: rgba(212, 175, 53, 0.04);
    --fh-cd-loc-card-bg: rgba(212, 175, 53, 0.04);
    --fh-cd-loc-card-border: rgba(212, 175, 53, 0.12);
    --fh-cd-ghost-border: rgba(212, 175, 53, 0.18);
    --fh-cd-ghost-bg: rgba(212, 175, 53, 0.06);
    --fh-cd-ghost-bg-hover: rgba(212, 175, 53, 0.12);
    --fh-cd-trust-border: rgba(212, 175, 53, 0.08);

    /* Hesabım (dark: koyu kartlar) */
    --fh-account-hero-bg: linear-gradient(135deg, rgba(212, 175, 53, 0.1), rgba(18, 16, 12, 0.96));
    --fh-account-hero-border: rgba(212, 175, 53, 0.14);
    --fh-account-card-bg: rgba(22, 20, 17, 0.94);
    --fh-account-card-border: rgba(212, 175, 53, 0.14);
    --fh-account-heading: var(--fh-heading);
    --fh-account-muted: var(--fh-text-muted);
    --fh-account-stat-bg: rgba(0, 0, 0, 0.2);
    --fh-account-stat-border: rgba(212, 175, 53, 0.12);
    --fh-account-label: var(--fh-text-soft);
    --fh-account-input-bg: rgba(0, 0, 0, 0.22);
    --fh-account-input-border: var(--fh-border-soft);
    --fh-account-input-text: var(--fh-body-text);
    --fh-account-badge-bg: rgba(212, 175, 53, 0.12);
    --fh-account-badge-text: var(--fh-gold-soft);
    --fh-account-avatar-gradient: linear-gradient(135deg, #7b5a43, #6b4f3a);
    --fh-account-my-offer-card: rgba(18, 16, 14, 0.55);
    --fh-account-my-offer-media: rgba(0, 0, 0, 0.25);
    --fh-account-soft-surface: rgba(255, 255, 255, 0.04);
    --fh-select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='%23d4af37'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");

    /* Profil dropdown (dark) */
    --fh-user-menu-bg: linear-gradient(180deg, #1b180f 0%, #14120c 100%);
    --fh-user-menu-border: rgba(212, 175, 53, 0.14);
    --fh-user-menu-shadow:
        0 16px 40px rgba(0, 0, 0, 0.45),
        0 0 0 1px rgba(0, 0, 0, 0.2);
    --fh-user-menu-item: #e5e7eb;
    --fh-user-menu-item-hover-bg: rgba(212, 175, 53, 0.1);
    --fh-user-menu-item-hover: #fff8e6;
    --fh-user-menu-item-active-bg: rgba(212, 175, 53, 0.12);
    --fh-user-menu-item-active: var(--fh-gold);
    --fh-user-menu-icon: var(--fh-gold);
    --fh-user-menu-name: #fff4c7;
    --fh-user-menu-chevron: #9ca3af;
    --fh-user-menu-divider: rgba(212, 175, 53, 0.08);
    --fh-user-menu-danger: #f87171;
    --fh-user-menu-danger-hover-bg: rgba(248, 113, 113, 0.1);
    --fh-user-menu-danger-hover: #fecaca;

    /* Profil */
    --fh-profile-hero-bg: linear-gradient(145deg, rgba(26, 22, 18, 0.96), rgba(18, 16, 14, 0.98));
    --fh-profile-title: #f4f1ea;
    --fh-profile-corp-gradient: linear-gradient(165deg, rgba(28, 22, 17, 0.98) 0%, rgba(12, 10, 8, 0.99) 100%);
    --fh-profile-corp-logo-bg: #0c0906;
    --fh-profile-corp-title: #faf6f0;
    --fh-profile-corp-sector: rgba(220, 205, 180, 0.72);
    --fh-profile-corp-meta-wrap-bg: rgba(212, 175, 53, 0.07);
    --fh-profile-corp-col-bg: rgba(14, 11, 9, 0.55);
    --fh-profile-corp-col-label: rgba(200, 180, 150, 0.55);
    --fh-profile-corp-text: #e8e2d8;
    --fh-profile-corp-text-hours: #ddd6cc;
    --fh-profile-corp-dir: #f0d78c;
    --fh-profile-corp-dir-hover: #fff2cc;
    --fh-profile-corp-contact-val: #f2ebe0;
    --fh-profile-corp-link: #e8c97a;
    --fh-profile-corp-link-hover: #f5d99a;
    --fh-profile-contact-val: #e8e4dc;

    /* Ayarlar & formlar */
    --fh-settings-surface: rgba(22, 20, 17, 0.96);
    --fh-settings-border: rgba(212, 175, 53, 0.14);
    --fh-settings-muted: var(--fh-text-muted);
    --fh-settings-icon: var(--fh-gold-soft);
    --fh-settings-label: var(--fh-text-soft);
    --fh-settings-input-bg: rgba(0, 0, 0, 0.22);
    --fh-settings-input-border: var(--fh-border-soft);
    --fh-settings-theme-option-bg: rgba(0, 0, 0, 0.15);
    --fh-settings-theme-option-border: rgba(212, 175, 53, 0.12);
    --fh-settings-theme-option-hover: rgba(212, 175, 53, 0.28);
    --fh-settings-theme-option-checked: rgba(212, 175, 53, 0.35);
    --fh-settings-btn-bg: linear-gradient(135deg, #e8c547, var(--fh-gold));
    --fh-settings-btn-text: #1a150c;
    --fh-settings-btn-border: rgba(212, 175, 53, 0.45);

    /* Konum çekmecesi */
    --fh-drawer-bg-start: #171205;
    --fh-drawer-bg-end: #120e04;
    --fh-drawer-border: rgba(255, 196, 0, 0.16);
    --fh-drawer-header-border: rgba(255, 196, 0, 0.1);
    --fh-drawer-title: #fff4c7;
    --fh-drawer-subtitle: rgba(255, 236, 170, 0.68);
    --fh-drawer-btn-border: rgba(255, 196, 0, 0.14);
    --fh-drawer-btn-bg: rgba(255, 196, 0, 0.05);
    --fh-drawer-btn-icon: #f4d35e;
    --fh-drawer-panel-shadow: -18px 0 48px rgba(0, 0, 0, 0.45);
    --fh-drawer-overlay-scrim: rgba(0, 0, 0, 0.52);
    --fh-drawer-close-hover-bg: rgba(255, 196, 0, 0.1);
    --fh-drawer-close-hover-border: rgba(255, 196, 0, 0.24);
    --fh-drawer-search-focus-border: rgba(244, 211, 94, 0.45);
    --fh-drawer-search-focus-ring: rgba(244, 211, 94, 0.2);
    --fh-drawer-item-check: #f4d35e;
    --fh-drawer-apply-bg: linear-gradient(180deg, rgba(244, 211, 94, 0.22) 0%, rgba(212, 175, 53, 0.08) 100%);
    --fh-drawer-apply-bg-hover: linear-gradient(180deg, rgba(244, 211, 94, 0.3) 0%, rgba(212, 175, 53, 0.12) 100%);
    --fh-drawer-apply-border: rgba(212, 175, 53, 0.35);
    --fh-drawer-apply-border-hover: rgba(244, 211, 94, 0.5);
    --fh-drawer-slider-track: linear-gradient(90deg, rgba(212, 175, 53, 0.45) 0%, rgba(212, 175, 53, 0.12) 100%);
    --fh-drawer-slider-thumb-border: rgba(18, 14, 4, 0.9);

    /* Favoriler / uyarı */
    --fh-empty-border: rgba(212, 175, 53, 0.12);
    --fh-empty-bg: rgba(212, 175, 53, 0.04);
    --fh-alert-success-bg: rgba(212, 175, 55, 0.1);
    --fh-alert-success-border: rgba(212, 175, 53, 0.16);
    --fh-alert-success-text: var(--fh-body-text);

    /* Fırsat ekle / düzenle formları */
    --fh-offer-hero-bg: linear-gradient(145deg, rgba(212, 175, 53, 0.09), rgba(12, 11, 9, 0.55));
    --fh-offer-card-bg: rgba(12, 11, 9, 0.45);
    --fh-offer-input-bg: rgba(32, 29, 18, 0.65);
    --fh-offer-lead: rgba(255, 236, 190, 0.72);
    --fh-offer-secondary-bg: rgba(32, 29, 18, 0.45);
    --fh-offer-remove-bar: rgba(12, 11, 9, 0.75);

    --fh-shadow-soft: rgba(0, 0, 0, 0.12);
    --fh-shadow-strong: rgba(0, 0, 0, 0.28);

    /* Mesafe / konum satırı (kart, topbar, harita) */
    --fh-distance-text: var(--fh-map-offer-distance);
    --fh-distance-icon: var(--fh-gold-soft);
    --fh-location-button-fg: #f0d98a;
    --fh-location-button-icon: var(--fh-gold);
    --fh-location-chevron: #9ca3af;
    --fh-location-bar-bg: rgba(212, 175, 53, 0.06);
    --fh-location-bar-border: rgba(212, 175, 53, 0.14);
    --fh-location-bar-shadow: none;
    --fh-location-bar-bg-hover: rgba(212, 175, 53, 0.11);
    --fh-location-bar-border-hover: rgba(212, 175, 53, 0.3);
    --fh-location-bar-focus-ring: rgba(244, 211, 94, 0.45);
    --fh-location-bar-active-bg: rgba(212, 175, 53, 0.14);

    /* Konum çekmecesi — liste / seçim kartları (dark) */
    --fh-drawer-item-bg: linear-gradient(180deg, rgba(255, 196, 0, 0.035) 0%, rgba(255, 196, 0, 0.015) 100%);
    --fh-drawer-item-bg-hover: linear-gradient(180deg, rgba(242, 201, 76, 0.1) 0%, rgba(255, 196, 0, 0.03) 100%);
    --fh-drawer-item-bg-active: linear-gradient(180deg, rgba(242, 201, 76, 0.16) 0%, rgba(255, 196, 0, 0.05) 100%);
    --fh-drawer-item-border: rgba(255, 196, 0, 0.1);
    --fh-drawer-item-border-hover: rgba(242, 201, 76, 0.26);
    --fh-drawer-item-border-active: rgba(242, 201, 76, 0.45);
    --fh-drawer-search-bg: rgba(255, 196, 0, 0.03);
    --fh-drawer-search-border: rgba(255, 196, 0, 0.1);
    --fh-drawer-search-icon: rgba(255, 214, 102, 0.7);
    --fh-drawer-placeholder: rgba(255, 236, 170, 0.38);
    --fh-drawer-muted-block: rgba(255, 236, 170, 0.62);
    --fh-drawer-item-arrow: rgba(255, 214, 102, 0.45);
    --fh-drawer-item-elev: none;
    --fh-drawer-menu-card-elev: none;
    --fh-drawer-choice-bg: linear-gradient(165deg, rgba(34, 30, 22, 0.96) 0%, rgba(14, 12, 10, 0.98) 100%);
    --fh-drawer-choice-bg-active: linear-gradient(165deg, rgba(244, 211, 94, 0.12) 0%, rgba(14, 12, 10, 0.98) 100%);
    --fh-drawer-choice-border: rgba(212, 175, 53, 0.22);
    --fh-drawer-choice-border-hover: rgba(244, 211, 94, 0.42);
    --fh-drawer-choice-border-active: rgba(244, 211, 94, 0.62);
    --fh-drawer-choice-shadow-hover: 0 10px 32px rgba(0, 0, 0, 0.38);
    --fh-drawer-choice-shadow-active:
        0 0 0 1px rgba(212, 175, 53, 0.28),
        0 12px 36px rgba(0, 0, 0, 0.42);
    --fh-drawer-hint-bg: rgba(244, 211, 94, 0.08);
    --fh-drawer-hint-border: rgba(212, 175, 53, 0.2);
    --fh-drawer-hint-text: rgba(255, 236, 170, 0.88);
    --fh-drawer-nearby-unlimited: rgba(255, 244, 199, 0.92);
    --fh-drawer-radius-warning: rgba(255, 214, 102, 0.75);
    --fh-drawer-helper: rgba(255, 236, 170, 0.6);
    --fh-drawer-empty-dashed: rgba(255, 196, 0, 0.12);
    --fh-drawer-empty-bg: rgba(255, 196, 0, 0.02);
    --fh-drawer-scrollbar-thumb: rgba(255, 196, 0, 0.14);
    --fh-geo-status-text: rgba(255, 236, 170, 0.85);
    --fh-geo-status-border: rgba(212, 175, 53, 0.12);
    --fh-geo-status-bg: rgba(212, 175, 53, 0.06);
    --fh-geo-btn-fg: #fff4c7;

    /* Genel semantik alias */
    --bg-primary: var(--fh-bg);
    --bg-secondary: var(--fh-sidebar-bg);
    --bg-elevated: var(--fh-settings-surface);
    --text-primary: var(--fh-body-text);
    --text-secondary: var(--fh-text-soft);
    --text-muted: var(--fh-text-muted);
    --border-color: var(--fh-border-soft);
    --accent-color: var(--fh-gold);
    --accent-contrast: var(--fh-on-gold);
    --card-bg: var(--fh-settings-surface);
    --input-bg: var(--fh-settings-input-bg);
    --input-border: var(--fh-settings-input-border);
    --shadow-color: var(--fh-shadow-soft);
    --success-color: #22c55e;
    --warning-color: #eab308;
    --danger-color: #ef4444;
}

html.fh-theme-light {
    --fh-gold: #9a7324;
    --fh-gold-soft: #b8892e;
    --fh-bg: #f0ebe4;
    --fh-sidebar-bg: #faf8f5;
    --fh-panel-soft: rgba(255, 255, 255, 0.92);
    --fh-border-soft: rgba(45, 38, 28, 0.1);
    --fh-border-strong: rgba(45, 38, 28, 0.16);
    --fh-text-soft: #334155;
    --fh-text-muted: #64748b;
    --fh-text-dim: #94a3b8;
    --fh-body-text: #1e293b;
    --fh-heading: #0f172a;
    --fh-topbar-icon: #475569;
    --fh-search-bg: rgba(255, 255, 255, 0.95);
    --fh-search-border: rgba(45, 38, 28, 0.12);
    --fh-search-placeholder: #94a3b8;
    --fh-card-image-bg: #e8e4dc;
    --fh-inactive-card-bg: rgba(248, 246, 242, 0.95);
    --fh-brand-link: #475569;

    --fh-skel-base: rgba(154, 115, 36, 0.12);
    --fh-skel-mid: rgba(154, 115, 36, 0.18);
    --fh-skel-shine: rgba(255, 255, 255, 0.55);
    --fh-skel-track: rgba(45, 38, 28, 0.06);

    --fh-text-strong: #0f172a;

    --fh-cd-surface: #ece6dd;
    --fh-cd-surface-muted: #e2dcd2;
    --fh-cd-hero-chip-bg: rgba(255, 255, 255, 0.92);
    --fh-cd-thumbs-strip: linear-gradient(180deg, #f5f1ea 0%, #ece6dd 100%);
    --fh-cd-lead: #475569;
    --fh-cd-quote-text: #334155;
    --fh-cd-panel-bg: #ffffff;
    --fh-cd-panel-shadow: 0 12px 32px rgba(45, 38, 28, 0.1);
    --fh-btn-ghost-text: #334155;
    --fh-on-gold: #1a150c;
    --fh-cd-trust-surface: rgba(255, 255, 255, 0.85);
    --fh-cd-toast-bg: rgba(255, 252, 248, 0.98);
    --fh-cd-toast-text: #0f172a;
    --fh-cd-contact-card-bg: rgba(154, 115, 36, 0.06);
    --fh-mini-map-bg: #e8e4dc;
    --fh-mini-map-fallback-overlay: linear-gradient(180deg, rgba(154, 115, 36, 0.08), rgba(240, 235, 228, 0.95));
    --fh-label-muted: rgba(45, 38, 28, 0.55);
    --fh-time-pill-text: #8a5a12;

    --fh-map-sidebar-bg: #f7f4ef;
    --fh-map-search-icon: #64748b;
    --fh-map-input-bg: rgba(255, 255, 255, 0.95);
    --fh-map-input-border: rgba(45, 38, 28, 0.1);
    --fh-map-input-text: #1e293b;
    --fh-map-input-placeholder: #94a3b8;
    --fh-map-title: #0f172a;
    --fh-map-subtitle: #64748b;
    --fh-map-select-bg: #ffffff;
    --fh-map-select-text: #1e293b;
    --fh-map-select-focus: #9a7324;
    --fh-map-offer-thumb: #e2dcd2;
    --fh-map-canvas-bg: #e8e2d8;
    --fh-map-topnav: #64748b;
    --fh-map-topnav-active: #0f172a;
    --fh-map-icon-btn-text: #334155;
    --fh-map-style-inactive: #64748b;
    --fh-map-style-active: #5c4718;
    --fh-map-marker-text: #9a7324;
    --fh-map-offer-distance: #64748b;
    --fh-map-offer-desc: #64748b;
    --fh-map-offer-time: #78716c;

    --fh-home-aside-bg: rgba(255, 255, 255, 0.72);
    --fh-home-nearby-hint: rgba(45, 38, 28, 0.55);
    --fh-home-hero-empty-text: rgba(45, 38, 28, 0.65);
    --fh-home-categories-strong: #5c4718;

    --fh-sidebar-categories-panel-bg: rgba(255, 255, 255, 0.65);
    --fh-sidebar-section-label: #64748b;

    --fh-sidebar-brand-title: #0f172a;
    --fh-sidebar-brand-title-hover: #0f172a;
    --fh-sidebar-link: #334155;
    --fh-sidebar-link-active-bg: rgba(154, 115, 36, 0.14);
    --fh-sidebar-link-hover-bg: rgba(154, 115, 36, 0.1);
    --fh-sidebar-muted-text: #64748b;
    --fh-sidebar-locale-label: #64748b;
    --fh-sidebar-locale-btn-text: #475569;
    --fh-sidebar-cta-text: #3d2f1a;
    --fh-sidebar-cta-text-hover: #2a2010;
    --fh-sidebar-cta-bg: linear-gradient(135deg, rgba(212, 175, 85, 0.38), rgba(212, 175, 85, 0.14));
    --fh-sidebar-cta-bg-hover: linear-gradient(135deg, rgba(212, 175, 85, 0.48), rgba(212, 175, 85, 0.22));
    --fh-sidebar-cta-border: rgba(154, 115, 36, 0.4);
    --fh-sidebar-cta-border-hover: rgba(154, 115, 36, 0.55);
    --fh-sidebar-mobile-btn: #475569;

    --fh-category-card-bg: linear-gradient(180deg, #ffffff 0%, #f5f1ea 100%);
    --fh-category-card-border: rgba(45, 38, 28, 0.12);
    --fh-category-card-shadow: 0 8px 20px rgba(45, 38, 28, 0.08);
    --fh-category-card-hover-shadow: 0 16px 36px rgba(45, 38, 28, 0.12);
    --fh-category-title: #0f172a;
    --fh-category-description: #64748b;
    --fh-category-footer: #334155;
    --fh-category-footer-border: rgba(45, 38, 28, 0.08);
    --fh-category-icon-fg: #9a7324;
    --fh-category-count-fg: #7c5e1a;
    --fh-category-empty-bg: linear-gradient(180deg, #faf8f5 0%, #f0ebe4 100%);
    --fh-category-empty-icon-bg: rgba(154, 115, 36, 0.08);
    --fh-category-empty-icon: #64748b;
    --fh-category-empty-title: #0f172a;

    --fh-cd-article-border: rgba(45, 38, 28, 0.12);
    --fh-cd-quote-panel-bg: rgba(154, 115, 36, 0.06);
    --fh-cd-loc-card-bg: rgba(255, 255, 255, 0.92);
    --fh-cd-loc-card-border: rgba(45, 38, 28, 0.12);
    --fh-cd-ghost-border: rgba(45, 38, 28, 0.14);
    --fh-cd-ghost-bg: rgba(154, 115, 36, 0.08);
    --fh-cd-ghost-bg-hover: rgba(154, 115, 36, 0.14);
    --fh-cd-trust-border: rgba(45, 38, 28, 0.1);

    --fh-account-hero-bg: linear-gradient(135deg, rgba(107, 79, 58, 0.08), rgba(255, 255, 255, 0.96)), #fff;
    --fh-account-hero-border: #ddd2c7;
    --fh-account-card-bg: #ffffff;
    --fh-account-card-border: #ddd2c7;
    --fh-account-heading: #2b2b2b;
    --fh-account-muted: #7a6e63;
    --fh-account-stat-bg: #f8f3ee;
    --fh-account-stat-border: #e6d8cb;
    --fh-account-label: #6b4f3a;
    --fh-account-input-bg: #f9f6f3;
    --fh-account-input-border: #ddd2c7;
    --fh-account-input-text: #2b2b2b;
    --fh-account-badge-bg: #ede3da;
    --fh-account-badge-text: #6b4f3a;
    --fh-account-avatar-gradient: linear-gradient(135deg, #8b734a, #6b4f3a);
    --fh-account-my-offer-card: #fdfbf8;
    --fh-account-my-offer-media: #ede3da;
    --fh-account-soft-surface: #f8f3ee;
    --fh-select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='%236b4f3a'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");

    /* Profil dropdown (light) */
    --fh-user-menu-bg: var(--fh-account-card-bg);
    --fh-user-menu-border: var(--fh-account-card-border);
    --fh-user-menu-shadow:
        0 12px 32px rgba(45, 38, 28, 0.12),
        0 0 0 1px rgba(45, 38, 28, 0.04);
    --fh-user-menu-item: var(--fh-body-text);
    --fh-user-menu-item-hover-bg: rgba(154, 115, 36, 0.08);
    --fh-user-menu-item-hover: var(--fh-heading);
    --fh-user-menu-item-active-bg: rgba(154, 115, 36, 0.12);
    --fh-user-menu-item-active: var(--fh-gold);
    --fh-user-menu-icon: var(--fh-gold);
    --fh-user-menu-name: #5c4a32;
    --fh-user-menu-chevron: var(--fh-text-muted);
    --fh-user-menu-divider: var(--fh-border-soft);
    --fh-user-menu-danger: #dc2626;
    --fh-user-menu-danger-hover-bg: rgba(220, 38, 38, 0.08);
    --fh-user-menu-danger-hover: #b91c1c;

    --fh-profile-hero-bg: linear-gradient(145deg, #ffffff 0%, #f5f1ea 100%);
    --fh-profile-title: #0f172a;
    --fh-profile-corp-gradient: linear-gradient(165deg, #faf8f5 0%, #f0ebe4 100%);
    --fh-profile-corp-logo-bg: #e8e4dc;
    --fh-profile-corp-title: #0f172a;
    --fh-profile-corp-sector: #475569;
    --fh-profile-corp-meta-wrap-bg: rgba(154, 115, 36, 0.08);
    --fh-profile-corp-col-bg: rgba(255, 255, 255, 0.55);
    --fh-profile-corp-col-label: rgba(45, 38, 28, 0.5);
    --fh-profile-corp-text: #334155;
    --fh-profile-corp-text-hours: #475569;
    --fh-profile-corp-dir: #7c5e1a;
    --fh-profile-corp-dir-hover: #5c4718;
    --fh-profile-corp-contact-val: #1e293b;
    --fh-profile-corp-link: #9a7324;
    --fh-profile-corp-link-hover: #7c5e1a;
    --fh-profile-contact-val: #334155;

    --fh-settings-surface: #ffffff;
    --fh-settings-border: #ddd2c7;
    --fh-settings-muted: #7a6e63;
    --fh-settings-icon: #6b4f3a;
    --fh-settings-label: #5c4a32;
    --fh-settings-input-bg: #f9f6f3;
    --fh-settings-input-border: #ddd2c7;
    --fh-settings-theme-option-bg: #faf7f3;
    --fh-settings-theme-option-border: #e5ded4;
    --fh-settings-theme-option-hover: rgba(154, 115, 36, 0.35);
    --fh-settings-theme-option-checked: #6b4f3a;
    --fh-settings-btn-bg: linear-gradient(135deg, #8b734a, #6b4f3a);
    --fh-settings-btn-text: #fffdf8;
    --fh-settings-btn-border: rgba(62, 48, 32, 0.35);

    --fh-drawer-bg-start: #faf8f5;
    --fh-drawer-bg-end: #f0ebe4;
    --fh-drawer-border: rgba(45, 38, 28, 0.12);
    --fh-drawer-header-border: rgba(45, 38, 28, 0.12);
    --fh-drawer-title: #0f172a;
    --fh-drawer-subtitle: #64748b;
    --fh-drawer-btn-border: rgba(154, 115, 36, 0.28);
    --fh-drawer-btn-bg: #ffffff;
    --fh-drawer-btn-icon: #9a7324;
    --fh-drawer-panel-shadow: -14px 0 40px rgba(45, 38, 28, 0.12);
    --fh-drawer-overlay-scrim: rgba(15, 23, 42, 0.42);
    --fh-drawer-close-hover-bg: rgba(154, 115, 36, 0.1);
    --fh-drawer-close-hover-border: rgba(154, 115, 36, 0.38);
    --fh-drawer-search-focus-border: rgba(154, 115, 36, 0.45);
    --fh-drawer-search-focus-ring: rgba(154, 115, 36, 0.18);
    --fh-drawer-item-check: #7c5e1a;
    --fh-drawer-apply-bg: linear-gradient(180deg, #ffffff 0%, #faf8f5 100%);
    --fh-drawer-apply-bg-hover: linear-gradient(180deg, #faf8f5 0%, #f5f1ea 100%);
    --fh-drawer-apply-border: rgba(154, 115, 36, 0.38);
    --fh-drawer-apply-border-hover: rgba(154, 115, 36, 0.52);
    --fh-drawer-slider-track: linear-gradient(90deg, rgba(154, 115, 36, 0.35) 0%, rgba(154, 115, 36, 0.12) 100%);
    --fh-drawer-slider-thumb-border: rgba(45, 38, 28, 0.25);

    --fh-empty-border: rgba(45, 38, 28, 0.12);
    --fh-empty-bg: rgba(154, 115, 36, 0.05);
    --fh-alert-success-bg: #eef6f0;
    --fh-alert-success-border: #c5ddcc;
    --fh-alert-success-text: #1e4628;

    --fh-offer-hero-bg: linear-gradient(145deg, rgba(212, 175, 53, 0.12), rgba(255, 255, 255, 0.96));
    --fh-offer-card-bg: #ffffff;
    --fh-offer-input-bg: #faf8f5;
    --fh-offer-lead: #64748b;
    --fh-offer-secondary-bg: rgba(255, 255, 255, 0.72);
    --fh-offer-remove-bar: rgba(45, 38, 28, 0.75);

    --fh-shadow-soft: rgba(45, 38, 28, 0.08);
    --fh-shadow-strong: rgba(45, 38, 28, 0.12);

    --fh-distance-text: #475569;
    --fh-distance-icon: #9a7324;
    --fh-location-button-fg: #1e293b;
    --fh-location-button-icon: #9a7324;
    --fh-location-chevron: #64748b;
    --fh-location-bar-bg: #ffffff;
    --fh-location-bar-border: rgba(45, 38, 28, 0.16);
    --fh-location-bar-shadow: 0 1px 2px rgba(45, 38, 28, 0.06), 0 4px 14px rgba(45, 38, 28, 0.08);
    --fh-location-bar-bg-hover: #faf8f5;
    --fh-location-bar-border-hover: rgba(154, 115, 36, 0.42);
    --fh-location-bar-focus-ring: rgba(154, 115, 36, 0.4);
    --fh-location-bar-active-bg: #f5f1ea;

    --fh-drawer-item-bg: #ffffff;
    --fh-drawer-item-bg-hover: #faf8f5;
    --fh-drawer-item-bg-active: rgba(154, 115, 36, 0.16);
    --fh-drawer-item-border: rgba(45, 38, 28, 0.12);
    --fh-drawer-item-border-hover: rgba(154, 115, 36, 0.35);
    --fh-drawer-item-border-active: rgba(154, 115, 36, 0.58);
    --fh-drawer-search-bg: #faf8f5;
    --fh-drawer-search-border: rgba(45, 38, 28, 0.16);
    --fh-drawer-search-icon: #9a7324;
    --fh-drawer-placeholder: rgba(71, 85, 105, 0.72);
    --fh-drawer-muted-block: rgba(71, 85, 105, 0.85);
    --fh-drawer-item-arrow: rgba(100, 116, 139, 0.55);
    --fh-drawer-item-elev: 0 1px 2px rgba(45, 38, 28, 0.05);
    --fh-drawer-menu-card-elev: 0 1px 3px rgba(45, 38, 28, 0.06);
    --fh-drawer-choice-bg: #ffffff;
    --fh-drawer-choice-bg-active: linear-gradient(180deg, rgba(154, 115, 36, 0.1) 0%, #ffffff 100%);
    --fh-drawer-choice-border: rgba(154, 115, 36, 0.28);
    --fh-drawer-choice-border-hover: rgba(154, 115, 36, 0.42);
    --fh-drawer-choice-border-active: rgba(154, 115, 36, 0.55);
    --fh-drawer-choice-shadow-hover: 0 10px 28px rgba(45, 38, 28, 0.12);
    --fh-drawer-choice-shadow-active:
        0 0 0 1px rgba(154, 115, 36, 0.22),
        0 12px 32px rgba(45, 38, 28, 0.14);
    --fh-drawer-hint-bg: rgba(154, 115, 36, 0.08);
    --fh-drawer-hint-border: rgba(154, 115, 36, 0.22);
    --fh-drawer-hint-text: #334155;
    --fh-drawer-nearby-unlimited: #334155;
    --fh-drawer-radius-warning: #64748b;
    --fh-drawer-helper: rgba(51, 65, 85, 0.88);
    --fh-drawer-empty-dashed: rgba(45, 38, 28, 0.18);
    --fh-drawer-empty-bg: rgba(154, 115, 36, 0.04);
    --fh-drawer-scrollbar-thumb: rgba(154, 115, 36, 0.28);
    --fh-geo-status-text: #475569;
    --fh-geo-status-border: rgba(45, 38, 28, 0.12);
    --fh-geo-status-bg: rgba(154, 115, 36, 0.06);
    --fh-geo-btn-fg: #0f172a;
}

/* Ortak: metin ve başlıklar */
html.fh-theme-light .fh-section-title,
html.fh-theme-light .fh-campaign-title {
    color: var(--fh-heading);
}

html.fh-theme-light .fh-campaign-card--clickable .fh-campaign-brand-link {
    color: var(--fh-brand-link);
}

html.fh-theme-light .fh-campaign-card--clickable .fh-campaign-brand-link:hover {
    color: var(--fh-gold);
}

html.fh-theme-light .fh-campaign-image-wrapper {
    background: var(--fh-card-image-bg);
}

html.fh-theme-light .fh-campaign-card--listing-inactive {
    border-color: rgba(100, 95, 88, 0.35);
    background: var(--fh-inactive-card-bg);
}

html.fh-theme-light .fh-sidebar-categories-panel {
    border-color: rgba(45, 38, 28, 0.1);
    background: var(--fh-sidebar-categories-panel-bg);
}

html.fh-theme-light .fh-mobile-menu-button,
html.fh-theme-light .fh-topbar-icon-btn {
    color: var(--fh-topbar-icon);
}

html.fh-theme-light .fh-topbar-user-menu-trigger {
    color: var(--fh-body-text);
}

html.fh-theme-light .fh-user-menu-name {
    color: var(--fh-user-menu-name);
}

html.fh-theme-light .fh-user-menu-dropdown {
    background: var(--fh-user-menu-bg);
    border-color: var(--fh-user-menu-border);
    box-shadow: var(--fh-user-menu-shadow);
}

html.fh-theme-light .fh-user-menu-item {
    color: var(--fh-user-menu-item);
}

html.fh-theme-light .fh-user-menu-item .material-symbols-outlined {
    color: var(--fh-user-menu-icon);
}

html.fh-theme-light .fh-user-menu-item:hover,
html.fh-theme-light .fh-user-menu-item:focus-visible {
    background: var(--fh-user-menu-item-hover-bg);
    color: var(--fh-user-menu-item-hover);
}

html.fh-theme-light .fh-user-menu-item.is-active {
    background: var(--fh-user-menu-item-active-bg);
    color: var(--fh-user-menu-item-active);
}

html.fh-theme-light .fh-user-menu-item--danger .material-symbols-outlined {
    color: var(--fh-user-menu-danger);
}

html.fh-theme-light .fh-user-menu-item--danger:hover,
html.fh-theme-light .fh-user-menu-item--danger:focus-visible {
    background: var(--fh-user-menu-danger-hover-bg);
    color: var(--fh-user-menu-danger-hover);
}

html.fh-theme-light .fh-user-menu-logout-form {
    border-top-color: var(--fh-user-menu-divider);
}

html.fh-theme-light .fh-search-input {
    color: var(--fh-body-text);
    background: var(--fh-search-bg);
    border-color: var(--fh-search-border);
}

html.fh-theme-light .fh-search-input::placeholder {
    color: var(--fh-search-placeholder);
}

html.fh-theme-light .fh-search-icon {
    color: var(--fh-text-muted);
}

html.fh-theme-light .fh-topbar-login-btn {
    color: #3d2f1a;
    border-color: rgba(154, 115, 36, 0.35);
    background: linear-gradient(135deg, rgba(212, 175, 85, 0.35), rgba(212, 175, 85, 0.12));
}

html.fh-theme-light .fh-topbar-login-btn:hover {
    color: #2a2010;
}

html.fh-theme-light .fh-category-pill.is-active {
    color: #fffdf8;
}

html.fh-theme-light .fh-campaign-badge {
    color: #fffdf8;
}

html.fh-theme-light .fh-scrollbar::-webkit-scrollbar-thumb {
    background: rgba(154, 115, 36, 0.28);
}

html.fh-theme-light .fh-circle-icon-button {
    color: var(--fh-topbar-icon);
    border: 1px solid var(--fh-border-strong);
    background: rgba(154, 115, 36, 0.05);
}

html.fh-theme-light .fh-circle-icon-button:hover,
html.fh-theme-light .fh-circle-icon-button:focus-visible {
    background: rgba(154, 115, 36, 0.1);
}

html.fh-theme-light .fh-location-geo-btn {
    border-color: rgba(154, 115, 36, 0.28);
    background: rgba(154, 115, 36, 0.1);
}

html.fh-theme-light .fh-location-geo-btn:hover:not(:disabled) {
    background: rgba(154, 115, 36, 0.16);
    border-color: rgba(154, 115, 36, 0.42);
}