/**
 * Landing tema tokenları — tek kaynak (primitifler + semantik + tema override).
 * HTML'de landing-styles.css'den ÖNCE yüklenmeli.
 */

:root {
    /* ── Primitif palet ── */
    --black: #0c0c10;
    --dark-900: #12121a;
    --dark-800: #18181f;
    --dark-700: #1e1e26;
    --dark-600: #26262f;
    --dark-500: #32323c;
    --gray-500: #52525b;
    --gray-400: #949494;
    --gray-300: #9b9b9b;
    --gray-200: #a3a3a3;
    --white: #ffffff;
    --text-white: var(--white);
    --accent: #ec0972;
    --accent-light: #ff6bb3;
    --accent-glow: rgba(236, 9, 114, 0.4);
    --landing-feature-badge-bg: linear-gradient(135deg, var(--accent), var(--accent-light));
    --landing-feature-badge-text: var(--white);
    --landing-feature-badge-border: transparent;
    --landing-on-dark-06: rgba(255, 255, 255, 0.06);
    --landing-border-subtle: var(--landing-on-dark-06);
    --landing-plan-feature-border: var(--landing-border-subtle);
    --landing-on-dark-05: rgba(255, 255, 255, 0.05);
    --landing-on-dark-08: rgba(255, 255, 255, 0.08);
    --landing-on-dark-1: rgba(255, 255, 255, 0.1);
    --landing-on-dark-12: rgba(255, 255, 255, 0.12);
    --landing-on-dark-15: rgba(255, 255, 255, 0.15);
    --landing-on-dark-24: rgba(255, 255, 255, 0.24);
    --landing-on-dark-3: rgba(255, 255, 255, 0.3);
    --landing-on-dark-4: rgba(255, 255, 255, 0.4);
    --landing-on-dark-5: rgba(255, 255, 255, 0.5);
    --landing-on-dark-7: rgba(255, 255, 255, 0.7);
    --landing-on-dark-9: rgba(255, 255, 255, 0.9);
    --landing-header-bg: rgba(12, 12, 16, 0.9);
    --landing-header-bg-scrolled: rgba(12, 12, 16, 0.98);
    --landing-light-surface: #f8fafc;
    --landing-light-surface-90: rgba(248, 250, 252, 0.9);
    --landing-light-surface-98: rgba(248, 250, 252, 0.98);
    --landing-light-border: #e2e8f0;
    --landing-light-border-hover: #cbd5e1;
    --landing-light-muted: #475569;
    --landing-light-text: #2e3237;
    --landing-accent-shadow: rgba(236, 9, 114, 0.3);
    --landing-accent-ring: rgba(236, 9, 114, 0.75);
    --landing-accent-ring-soft: rgba(236, 9, 114, 0.45);
    --green: #22c55e;
    --yellow: #facc15;
    --blue: #3b82f6;
    --landing-slate-100: #f1f5f9;
    --landing-slate-600: #475569;
    --landing-slate-700: #334155;
    --landing-slate-800: #1e293b;
    --landing-slate-500: #64748b;
    --landing-footer-tint: #f2f6f9;
    --landing-amber-500: #f59e0b;
    --landing-gray-200-ui: #e5e7eb;
    --landing-pink-border-ui: #f3cadd;
    --landing-orange-500: #f97316;
    --landing-orange-400: #fb923c;
    --landing-purple-500: #8b5cf6;
    --landing-purple-400: #a78bfa;
    --landing-blue-400: #60a5fa;
    --landing-green-400: #4ade80;
    --landing-traffic-red: #ff5f57;
    --landing-traffic-yellow: #febc2e;
    --landing-traffic-green: #28c840;
    --landing-whatsapp-from: #25d366;
    --landing-whatsapp-to: #128c7e;
    --landing-tag-yellow: #fef3c7;
    --landing-tag-blue: #dbeafe;
    --landing-tag-green: #d1fae5;
    --landing-tag-pink: #fce7f3;
    --landing-pink-surface-tint: #fef0f6;
    --landing-panel-wrap-bg: var(--landing-on-dark-06);
    --landing-panel-media-bg: var(--white);
    --floovon-pink: var(--accent);
    --floovon-pink-dark: #c7075f;
    --bg-light: #f8fafc;
    --bg-light-secondary: #f1f5f9;
    --bg-white: #ffffff;
    --text-dark: #2e3237;
    --text-secondary: #475569;
    --text-muted: #94a3b8;
    --help-article-body-p-color: var(--text-secondary);
    --border-light: #e2e8f0;
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);
    --shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.1);
    --shadow-pink: 0 4px 14px rgba(236, 9, 114, 0.3);
    --shadow-pink-lg: 0 10px 30px rgba(236, 9, 114, 0.25);
    --login-error-color: #ef4444;
    --login-error-bg: rgba(239, 68, 68, 0.1);
    --login-error-border: rgba(239, 68, 68, 0.2);
    --login-warning-color: #d97706;
    --login-warning-bg: rgba(245, 158, 11, 0.1);
    --login-warning-border: rgba(245, 158, 11, 0.2);
    --login-success-color: #10b981;
    --login-success-bg: rgba(16, 185, 129, 0.1);
    --login-success-border: rgba(16, 185, 129, 0.2);
    --landing-light-text-secondary: var(--landing-light-muted);

    /* ── Semantik / alt sayfa tokenları ── */
    --color-success: var(--login-success-color);
    --color-error: var(--login-error-color);
    --color-warning: var(--landing-amber-500);
    --color-info: var(--blue);
    --bg-dark: #0f172a;
    --bg-dark-secondary: #1e293b;
    --bg-dark-tertiary: #334155;
    --gradient-pink: linear-gradient(135deg, var(--accent) 0%, var(--accent-light) 100%);
    --gradient-pink-dark: linear-gradient(135deg, var(--floovon-pink-dark) 0%, var(--accent) 100%);
    --gradient-dark: linear-gradient(180deg, var(--bg-dark) 0%, var(--bg-dark-secondary) 50%, var(--bg-dark) 100%);
    --lm-page-action-bg: #2563eb;
    --lm-page-action-bg-hover: #1d4ed8;
    --lm-page-action-fg: var(--white);
    --lm-status-success-fg-emphasis: #059669;
    --lm-focus-ring-info: rgba(37, 99, 235, 0.1);
    --lm-focus-ring-info-soft: rgba(37, 99, 235, 0.05);
    --lm-focus-ring-error: rgba(239, 68, 68, 0.12);
    --lm-status-info-bg: rgba(59, 130, 246, 0.1);
    --lm-status-warning-bg: rgba(245, 158, 11, 0.1);
    --lm-status-error-bg: rgba(239, 68, 68, 0.08);
    --lm-status-error-border: rgba(239, 68, 68, 0.35);
    --lm-status-success-check-bg: rgba(34, 197, 94, 0.14);
    --lm-help-callout-green-bg: rgba(84, 236, 9, 0.11);
    --lm-on-accent-fg: rgba(255, 255, 255, 0.9);
    --lm-on-accent-surface: rgba(255, 255, 255, 0.2);
    --lm-on-accent-surface-hover: rgba(255, 255, 255, 0.3);
    --lm-on-accent-border: rgba(255, 255, 255, 0.3);
    --lm-on-accent-border-hover: rgba(255, 255, 255, 0.5);
    --lm-on-accent-surface-subtle: rgba(255, 255, 255, 0.1);
    --lm-iyzico-btn-bg: #1e64ff;
    --lm-iyzico-btn-bg-hover: #1a5ae8;
    --lm-shadow-page-xs: 0 1px 3px rgba(0, 0, 0, 0.1);
    --lm-shadow-page-sm: 0 12px 40px rgba(15, 23, 42, 0.06);
    --lm-shadow-page-md: 0 16px 40px rgba(15, 23, 42, 0.08);
    --lm-shadow-page-lg: 0 14px 36px rgba(15, 23, 42, 0.07);
    --lm-shadow-card: 0 12px 40px rgba(15, 23, 42, 0.08);
    --lm-shadow-elevated: 0 18px 40px rgba(15, 23, 42, 0.08);
    --lm-scrollbar-thumb: #d1d5db;
    --lm-scrollbar-thumb-hover: #9ca3af;
    --lm-landing-text-primary: var(--text-dark);
    --lm-landing-text-secondary: var(--text-secondary);
    --lm-landing-text-tertiary: var(--text-muted);
    --lm-landing-border-subtle: rgba(148, 163, 184, 0.35);
    --lm-landing-surface-muted: var(--landing-light-surface-90);
    --lm-landing-border-dashed: rgba(148, 163, 184, 0.28);
}

/* Koyu marketing varsayılanı */
body,
body.theme-dark {
    --lm-page-bg: var(--black);
    --lm-section-bg: var(--black);
    --lm-section-bg-alt: var(--dark-900);
    --lm-section-gradient-start: var(--black);
    --lm-section-gradient-end: var(--dark-900);
    --lm-hero-bg: var(--black);
    --lm-hero-gradient-opacity: 1;
    --lm-surface: var(--dark-800);
    --lm-surface-elevated: var(--dark-700);
    --lm-surface-muted: var(--dark-800);
    --lm-surface-subtle: var(--dark-600);
    --lm-surface-inset: var(--dark-900);
    --lm-text: var(--white);
    --lm-text-heading: var(--white);
    --lm-text-muted: var(--gray-300);
    --lm-text-secondary: var(--gray-200);
    --lm-text-body: var(--gray-300);
    --lm-text-faint: var(--gray-400);
    --lm-border: var(--landing-on-dark-06);
    --lm-border-strong: var(--landing-on-dark-1);
    --lm-border-hover: var(--landing-on-dark-15);
    --lm-border-subtle: var(--landing-on-dark-12);
    --lm-border-faint: var(--landing-on-dark-05);

    --lm-header-bg: var(--landing-header-bg);
    --lm-header-bg-scrolled: var(--landing-header-bg-scrolled);
    --lm-header-border: var(--landing-on-dark-06);
    --lm-nav-link: var(--gray-200);
    --lm-nav-link-hover: var(--white);
    --lm-header-menu-hover-bg: rgba(255, 255, 255, 0.06);
    --lm-header-ghost-text: var(--landing-light-muted);
    --lm-header-ghost-border: var(--landing-light-border);
    --lm-header-ghost-text-hover: var(--landing-light-text);
    --lm-header-ghost-border-hover: var(--landing-light-border-hover);

    --landing-hero-badge-bg: var(--landing-on-dark-06);
    --landing-hero-badge-border: var(--landing-on-dark-1);
    --landing-hero-badge-text: var(--gray-200);
    --lm-hero-badge-bg: var(--landing-hero-badge-bg);
    --lm-hero-badge-border: var(--landing-hero-badge-border);
    --lm-hero-badge-text: var(--landing-hero-badge-text);

    --lm-btn-secondary-bg: var(--landing-on-dark-06);
    --lm-btn-secondary-text: var(--white);
    --lm-btn-secondary-border: var(--landing-on-dark-1);
    --lm-btn-secondary-bg-hover: var(--landing-on-dark-12);

    --lm-btn-plan-secondary-bg: var(--dark-600);
    --lm-btn-plan-secondary-text: var(--white);
    --lm-btn-plan-secondary-border: transparent;
    --lm-btn-plan-secondary-bg-hover: var(--dark-500);

    --lm-card-shadow-hover: 0 30px 60px rgba(0, 0, 0, 0.3);
    --lm-stat-value-color: var(--white);
    --lm-stat-value-fill: initial;
    --lm-stat-badge-icon-bg: linear-gradient(135deg, var(--landing-orange-500), var(--landing-orange-400));
    --lm-stat-mini-widget-bg: var(--dark-600);
    --lm-flow-item-text: var(--gray-300);
    --lm-order-channel-heading-color: var(--white);
    --lm-order-channel-points-color: var(--gray-300);
    --lm-florist-hero-desc: var(--gray-200);
    --lm-header-login-bg: rgba(255, 255, 255, 0.08);
    --lm-header-login-text: var(--white);
    --lm-header-login-border: rgba(255, 255, 255, 0.22);
    --lm-header-login-bg-hover: rgba(255, 255, 255, 0.14);
    --lm-header-login-border-hover: rgba(255, 255, 255, 0.28);
    --lm-header-login-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");
    --lm-theme-toggle-sun-opacity: 0;
    --lm-theme-toggle-moon-opacity: 1;
    --lm-theme-toggle-sun-transform: rotate(28deg) scale(0.82);
    --lm-theme-toggle-moon-transform: rotate(0deg) scale(1);
    --lm-showcase-picture-light-display: none;
    --lm-showcase-picture-dark-display: block;
    --lm-footer-card-band-dark-display: block;
    --lm-footer-card-band-light-display: none;
    --lm-footer-contact-border: var(--landing-on-dark-05);
    --lm-footer-copyright-color: var(--gray-400);
    --lm-form-password-bg: rgba(96, 165, 250, 0.08);
    --lm-form-password-border: rgba(96, 165, 250, 0.18);
    --lm-form-password-label: #93c5fd;

    --lm-footer-bg: var(--black);
    --lm-footer-heading: var(--white);
    --lm-footer-link: var(--landing-on-dark-4);
    --lm-footer-link-hover: var(--white);
    --lm-footer-tagline: var(--gray-400);
    --lm-footer-border: var(--landing-on-dark-05);
    --lm-footer-social-border: var(--landing-on-dark-12);
    --lm-footer-social-color: var(--landing-on-dark-5);
    --lm-footer-social-hover-bg: var(--landing-on-dark-05);
    --lm-footer-social-hover-border: var(--landing-on-dark-3);
    --lm-footer-social-hover-color: var(--white);
    --lm-footer-payments-border: var(--landing-on-dark-05);
    --lm-footer-payments-label: var(--gray-400);
    --lm-footer-legal-link: var(--gray-400);
    --lm-footer-legal-link-hover: var(--white);
    --lm-footer-email: var(--white);

    --lm-theme-toggle-border: rgba(255, 255, 255, 0.22);
    --lm-theme-toggle-bg: rgba(15, 23, 42, 0.42);
    --lm-theme-toggle-color: rgba(248, 250, 252, 0.92);
    --lm-theme-toggle-border-hover: rgba(255, 255, 255, 0.38);
    --lm-theme-toggle-bg-hover: rgba(15, 23, 42, 0.58);
    --lm-theme-toggle-icon-sun: #fde047;
    --lm-theme-toggle-icon-moon: #e2e8f0;

    --lm-panel-wrap-bg: var(--landing-on-dark-06);
    --lm-panel-content-wrap-bg: transparent;
    --lm-panel-media-bg: var(--white);
    --lm-panel-tab-bg: var(--landing-on-dark-06);
    --lm-panel-tab-border: var(--landing-on-dark-1);
    --lm-panel-tab-text: var(--gray-200);
    --lm-panel-visual-bg: var(--dark-800);
    --lm-panel-details-bg: transparent;

    --lm-stat-section-bg: var(--black);
    --lm-stat-card-bg: var(--dark-800);
    --lm-stat-card-featured-bg: var(--lm-pricing-card-featured-bg);
    --lm-stat-card-featured-border: var(--lm-pricing-card-featured-border);
    --lm-showcase-card-bg: var(--dark-800);
    --lm-showcase-card-title: var(--white);
    --lm-showcase-card-text: var(--gray-200);
    --lm-testimonial-section-bg: var(--dark-900);
    --lm-testimonial-card-bg: var(--landing-on-dark-05);
    --lm-testimonial-card-hover-bg: var(--landing-on-dark-08);
    --lm-testimonial-author: var(--white);
    --lm-testimonial-role: var(--gray-300);

    --lm-pricing-section-bg: var(--black);
    --lm-pricing-card-bg: var(--dark-800);
    --lm-pricing-card-border: var(--landing-on-dark-06);
    --lm-pricing-card-hover-border: var(--landing-on-dark-12);
    --lm-pricing-card-featured-bg: linear-gradient(135deg, rgba(236, 9, 114, 0.1), rgba(139, 92, 246, 0.05));
    --lm-pricing-card-featured-border: rgba(236, 9, 114, 0.3);
    --lm-pricing-card-featured-hover-border: rgba(236, 9, 114, 0.5);
    --lm-plan-desc: var(--gray-400);
    --lm-plan-desc-featured: #d4cce8;
    --lm-price-currency: var(--gray-300);
    --lm-price-period: var(--gray-400);
    --lm-plan-feature-text: var(--gray-200);
    --lm-plan-yearly-badge-bg: rgba(34, 197, 94, 0.14);
    --lm-plan-yearly-badge-fg: var(--green);
    --lm-plan-yearly-badge-border: rgba(34, 197, 94, 0.4);
    --lm-plan-renewal-badge-bg: rgba(255, 255, 255, 0.06);
    --lm-plan-renewal-badge-fg: var(--gray-300);
    --lm-plan-renewal-badge-border: var(--landing-on-dark-12);

    --lm-screenshots-bg-start: var(--black);
    --lm-screenshots-bg-end: var(--dark-900);
    --lm-screenshot-desc: var(--gray-300);
    --lm-screenshot-subtitle: var(--white);

    --lm-faq-item-bg: var(--dark-800);
    --lm-faq-item-border: var(--dark-700);
    --lm-faq-item-hover-border: var(--accent);
    --lm-faq-question-hover-bg: rgba(255, 255, 255, 0.03);
    --lm-faq-question-text: var(--white);
    --lm-faq-answer-text: var(--gray-200);
    /* Alt CTA bandı — dark temada koyu */
    --lm-cta-section-bg: var(--dark-900);
    --lm-cta-title: var(--white);
    --lm-cta-desc: var(--gray-300);
    --lm-cta-screen-shadow: 0 -30px 80px rgba(0, 0, 0, 0.5);
    --lm-pricing-toggle-bg: var(--landing-on-dark-06);
    --lm-pricing-toggle-btn-text: var(--gray-300);
    --lm-pricing-toggle-btn-active-bg: var(--dark-700);
    --lm-pricing-toggle-btn-active-text: var(--white);
    --lm-pricing-featured-shadow: 0 0 60px rgba(236, 9, 114, 0.2);

    /* Accent yüzeyleri — pembe/mor zemin, border, glow (tema duyarlı) */
    --lm-accent-surface-subtle: rgba(236, 9, 114, 0.05);
    --lm-accent-surface-soft: rgba(236, 9, 114, 0.08);
    --lm-accent-surface-medium: rgba(236, 9, 114, 0.1);
    --lm-accent-surface-strong: rgba(236, 9, 114, 0.15);
    --lm-accent-surface-active: rgba(236, 9, 114, 0.2);
    --lm-accent-border-subtle: rgba(236, 9, 114, 0.1);
    --lm-accent-border-soft: rgba(236, 9, 114, 0.12);
    --lm-accent-border-medium: rgba(236, 9, 114, 0.18);
    --lm-accent-border-strong: rgba(236, 9, 114, 0.2);
    --lm-accent-border-emphasis: rgba(236, 9, 114, 0.35);
    --lm-accent-focus-ring: rgba(236, 9, 114, 0.1);
    --lm-accent-gradient-soft: linear-gradient(135deg, rgba(236, 9, 114, 0.1), rgba(255, 107, 179, 0.1));
    --lm-accent-gradient-duo: linear-gradient(135deg, rgba(236, 9, 114, 0.08), rgba(139, 92, 246, 0.06));
    --lm-accent-gradient-duo-alt: linear-gradient(135deg, rgba(236, 9, 114, 0.08), rgba(255, 107, 179, 0.06));
    --lm-accent-gradient-panel: linear-gradient(120deg, rgba(236, 9, 114, 0.07), rgba(139, 92, 246, 0.06));
    --lm-accent-gradient-trio: linear-gradient(135deg, rgba(236, 9, 114, 0.08) 0%, rgba(139, 92, 246, 0.06) 50%, rgba(236, 9, 114, 0.05) 100%);
    --lm-accent-hero-glow: radial-gradient(ellipse at center top, rgba(236, 9, 114, 0.15) 0%, transparent 60%);
    --lm-accent-glow-radial: radial-gradient(circle, rgba(236, 9, 114, 0.15) 0%, transparent 70%);
    --lm-accent-glow-section: radial-gradient(circle at 30% 50%, rgba(236, 9, 114, 0.1) 0%, transparent 50%);
    --lm-accent-glow-footer: radial-gradient(100% 120% at 50% -20%, rgba(236, 9, 114, 0.07) 0%, transparent 52%);
    --lm-accent-shadow-soft: 0 10px 24px rgba(236, 9, 114, 0.25);
    --lm-accent-shadow-cta: 0 -40px 100px rgba(236, 9, 114, 0.2);

    --lm-order-channels-border: var(--landing-on-dark-06);
    --lm-order-tab-bg: var(--landing-on-dark-06);
    --lm-order-tab-border: var(--landing-on-dark-1);
    --lm-order-tab-text: var(--gray-200);
    --lm-order-tab-text-hover: var(--white);
    --lm-order-tab-border-hover: var(--landing-on-dark-24);
    --lm-order-points-text: var(--gray-300);
    --lm-order-points-strong: var(--white);
    --lm-order-dot: var(--landing-on-dark-24);

    --lm-showcase-mockup-bg: var(--dark-800);
    --lm-showcase-mockup-shadow:
        0 28px 56px rgba(0, 0, 0, 0.35),
        0 22px 52px rgba(139, 92, 246, 0.2),
        0 10px 36px rgba(167, 139, 250, 0.14);
    --lm-showcase-mockup-shadow-hover:
        0 38px 76px rgba(0, 0, 0, 0.43),
        0 26px 60px rgba(139, 92, 246, 0.25),
        0 14px 44px rgba(167, 139, 250, 0.18);
    --lm-showcase-mockup-shadow-hover-reduced:
        0 38px 76px rgba(0, 0, 0, 0.43),
        0 26px 60px rgba(139, 92, 246, 0.25),
        0 14px 44px rgba(167, 139, 250, 0.18);

    --lm-flow-center-shadow: 0 0 60px rgba(236, 9, 114, 0.4);
    --lm-flow-connections-border: var(--landing-on-dark-06);
    --lm-mini-dashboard-bg: var(--dark-700);
    --lm-mini-dashboard-border: var(--landing-on-dark-1);
    --lm-mini-sidebar-bg: var(--dark-800);
    --lm-mini-chrome-bg: var(--dark-600);
    --lm-mini-dashboard-shadow: 0 12px 30px rgba(0, 0, 0, 0.25);

    --lm-chart-bar-bg: var(--dark-700);
    --lm-chart-bar-mini-bg: var(--gray-300);
    --lm-stat-badge-bg: var(--dark-700);
    --lm-stat-badge-text: var(--gray-300);
    --lm-app-icon-bg: var(--dark-700);
    --lm-app-icon-color: var(--gray-300);

    --landing-feature-badge-bg: linear-gradient(135deg, var(--accent), var(--accent-light));
    --landing-feature-badge-text: var(--white);
    --landing-feature-badge-border: transparent;
    --landing-florist-badge-1-bg: linear-gradient(135deg, var(--accent), var(--accent-light));
    --landing-florist-badge-1-text: var(--white);
    --landing-florist-badge-2-bg: linear-gradient(135deg, var(--landing-purple-500), var(--landing-purple-400));
    --landing-florist-badge-2-text: var(--white);
    --landing-florist-badge-3-bg: linear-gradient(135deg, var(--green), var(--landing-green-400));
    --landing-florist-badge-3-text: var(--white);
    --landing-florist-badge-more-bg: var(--dark-500);
    --landing-florist-badge-more-text: var(--gray-300);
    --landing-widget-badge-bg: rgba(34, 197, 94, 0.15);
    --landing-widget-badge-text: var(--green);
    --lm-help-accent-surface-border: #ad306a85;
    --landing-purchase-skeleton-base: rgba(148, 163, 184, 0.14);
    --landing-purchase-skeleton-shine: rgba(148, 163, 184, 0.28);

    --lm-landing-surface-muted: rgba(12, 12, 16, 0.92);
    --lm-landing-border-subtle: rgba(148, 163, 184, 0.28);
    --lm-landing-border-dashed: rgba(148, 163, 184, 0.22);
    --lm-shadow-page-sm: 0 12px 40px rgba(0, 0, 0, 0.25);
    --lm-shadow-page-md: 0 16px 40px rgba(0, 0, 0, 0.3);
    --lm-shadow-page-lg: 0 14px 36px rgba(0, 0, 0, 0.28);
    --lm-shadow-card: 0 12px 40px rgba(0, 0, 0, 0.28);
    --lm-shadow-elevated: 0 18px 40px rgba(0, 0, 0, 0.32);
    --lm-shadow-page-xs: var(--shadow-sm);
    --lm-scrollbar-thumb: var(--gray-500);
    --lm-scrollbar-thumb-hover: var(--gray-400);
    --bg-dark: var(--black);
    --bg-dark-secondary: var(--dark-900);
    --bg-dark-tertiary: var(--dark-700);
}

/* Açık tema — marketing + uygulama sayfaları */
body.theme-light {
    --lm-page-bg: var(--bg-light);
    --lm-section-bg: var(--bg-light);
    --lm-section-bg-alt: var(--bg-light);
    --lm-section-gradient-start: var(--bg-light);
    --lm-section-gradient-end: var(--bg-light-secondary);
    --lm-hero-bg: var(--bg-white);
    --lm-hero-gradient-opacity: 0.4;
    --lm-surface: var(--bg-white);
    --lm-surface-elevated: var(--bg-white);
    --lm-surface-muted: var(--bg-light-secondary);
    --lm-surface-subtle: var(--bg-light-secondary);
    --lm-surface-inset: var(--bg-light);
    --lm-text: var(--text-dark);
    --lm-text-heading: var(--text-dark);
    --lm-text-muted: var(--text-muted);
    --lm-text-secondary: var(--text-secondary);
    --lm-text-body: var(--text-secondary);
    --lm-text-faint: var(--text-muted);
    --lm-border: var(--border-light);
    --lm-border-strong: var(--border-light);
    --lm-border-hover: var(--landing-light-border-hover);
    --lm-border-subtle: var(--border-light);
    --lm-border-faint: var(--border-light);

    --lm-header-bg: var(--landing-light-surface-98);
    --lm-header-bg-scrolled: var(--landing-light-surface-98);
    --lm-header-border: var(--landing-light-border);
    --lm-nav-link: var(--landing-light-muted);
    --lm-nav-link-hover: var(--accent);
    --lm-header-menu-hover-bg: rgba(15, 23, 42, 0.06);

    --landing-hero-badge-bg: rgba(248, 250, 252, 0.9);
    --landing-hero-badge-border: var(--landing-pink-border-ui);
    --landing-hero-badge-text: var(--text-secondary);
    --lm-hero-badge-bg: var(--landing-hero-badge-bg);
    --lm-hero-badge-border: var(--landing-hero-badge-border);
    --lm-hero-badge-text: var(--landing-hero-badge-text);

    --lm-btn-secondary-bg: var(--bg-light-secondary);
    --lm-btn-secondary-text: var(--text-dark);
    --lm-btn-secondary-border: var(--border-light);
    --lm-btn-secondary-bg-hover: var(--bg-light);

    --lm-btn-plan-secondary-bg: var(--bg-light-secondary);
    --lm-btn-plan-secondary-text: var(--text-dark);
    --lm-btn-plan-secondary-border: var(--border-light);
    --lm-btn-plan-secondary-bg-hover: var(--bg-light);

    --lm-card-shadow-hover: 0 30px 60px rgba(15, 23, 42, 0.12);
    --lm-stat-value-color: var(--text-dark);
    --lm-stat-value-fill: initial;
    --lm-stat-badge-icon-bg: linear-gradient(135deg, var(--accent), var(--accent-light));
    --lm-stat-mini-widget-bg: var(--bg-light-secondary);
    --lm-flow-item-text: var(--text-secondary);
    --lm-order-channel-heading-color: var(--text-dark);
    --lm-order-channel-points-color: var(--text-secondary);
    --lm-florist-hero-desc: var(--text-secondary);
    --lm-header-login-bg: var(--white);
    --lm-header-login-text: var(--text-dark);
    --lm-header-login-border: rgba(203, 213, 225, 0.9);
    --lm-header-login-bg-hover: #f8fafc;
    --lm-header-login-border-hover: #cbd5e1;
    --lm-header-login-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");
    --lm-theme-toggle-sun-opacity: 1;
    --lm-theme-toggle-moon-opacity: 0;
    --lm-theme-toggle-sun-transform: rotate(0deg) scale(1);
    --lm-theme-toggle-moon-transform: rotate(-28deg) scale(0.82);
    --lm-showcase-picture-light-display: block;
    --lm-showcase-picture-dark-display: none;
    --lm-footer-card-band-dark-display: none;
    --lm-footer-card-band-light-display: block;
    --lm-footer-contact-border: var(--border-light);
    --lm-footer-copyright-color: var(--text-secondary);
    --lm-form-password-bg: #f1f5f9;
    --lm-form-password-border: #e2e8f0;
    --lm-form-password-label: #475569;
    --lm-help-accent-surface-border: transparent;
    --landing-purchase-skeleton-base: #e2e8f0;
    --landing-purchase-skeleton-shine: #f1f5f9;

    --lm-footer-bg: var(--landing-footer-tint);
    --lm-footer-heading: var(--text-dark);
    --lm-footer-link: var(--text-secondary);
    --lm-footer-link-hover: var(--text-dark);
    --lm-footer-tagline: var(--text-secondary);
    --lm-footer-border: var(--border-light);
    --lm-footer-social-border: var(--border-light);
    --lm-footer-social-color: var(--text-secondary);
    --lm-footer-social-hover-bg: rgba(15, 23, 42, 0.05);
    --lm-footer-social-hover-border: var(--landing-light-border-hover);
    --lm-footer-social-hover-color: var(--text-dark);
    --lm-footer-payments-border: var(--border-light);
    --lm-footer-payments-label: var(--text-muted);
    --lm-footer-legal-link: var(--text-secondary);
    --lm-footer-legal-link-hover: var(--text-dark);
    --lm-footer-email: var(--text-dark);

    --lm-theme-toggle-border: rgba(203, 213, 225, 0.9);
    --lm-theme-toggle-bg: var(--bg-white);
    --lm-theme-toggle-color: var(--landing-slate-600);
    --lm-theme-toggle-border-hover: var(--landing-amber-500);
    --lm-theme-toggle-bg-hover: var(--bg-white);
    --lm-theme-toggle-icon-sun: var(--landing-amber-500);
    --lm-theme-toggle-icon-moon: var(--landing-slate-500);

    --lm-panel-wrap-bg: #f6f8ff;
    --lm-panel-content-wrap-bg: #f6f8ff;
    --lm-panel-media-bg: var(--white);
    --lm-panel-tab-bg: var(--bg-light-secondary);
    --lm-panel-tab-border: var(--border-light);
    --lm-panel-tab-text: var(--text-secondary);
    --lm-panel-visual-bg: var(--bg-light-secondary);
    --lm-panel-details-bg: transparent;

    --lm-stat-section-bg: var(--bg-light);
    --lm-stat-card-bg: var(--bg-white);
    --lm-stat-card-featured-bg: var(--lm-pricing-card-featured-bg);
    --lm-stat-card-featured-border: var(--lm-pricing-card-featured-border);
    --lm-showcase-card-bg: var(--bg-white);
    --lm-showcase-card-title: var(--text-dark);
    --lm-showcase-card-text: var(--text-secondary);
    --lm-testimonial-section-bg: var(--bg-light);
    --lm-testimonial-card-bg: var(--bg-white);
    --lm-testimonial-card-hover-bg: var(--bg-light-secondary);
    --lm-testimonial-author: var(--text-dark);
    --lm-testimonial-role: var(--text-muted);

    --lm-pricing-section-bg: var(--bg-light);
    --lm-pricing-card-bg: var(--bg-white);
    --lm-pricing-card-border: var(--border-light);
    --lm-pricing-card-hover-border: var(--landing-light-border-hover);
    --lm-pricing-card-featured-bg: #fff8fb;
    --lm-pricing-card-featured-border: rgba(236, 9, 114, 0.22);
    --lm-pricing-card-featured-hover-border: rgba(236, 9, 114, 0.38);
    --lm-plan-desc: var(--text-muted);
    --lm-plan-desc-featured: #5c4f78;
    --lm-price-currency: var(--text-secondary);
    --lm-price-period: var(--text-muted);
    --lm-plan-feature-text: var(--text-secondary);
    --lm-plan-yearly-badge-bg: rgba(34, 197, 94, 0.1);
    --lm-plan-yearly-badge-fg: #15803d;
    --lm-plan-yearly-badge-border: rgba(34, 197, 94, 0.32);
    --lm-plan-renewal-badge-bg: var(--bg-light-secondary);
    --lm-plan-renewal-badge-fg: var(--text-secondary);
    --lm-plan-renewal-badge-border: var(--border-light);

    --lm-screenshots-bg-start: var(--bg-light);
    --lm-screenshots-bg-end: var(--bg-light-secondary);
    --lm-screenshot-desc: var(--text-secondary);
    --lm-screenshot-subtitle: var(--text-dark);

    --lm-faq-item-bg: var(--bg-white);
    --lm-faq-item-border: var(--border-light);
    --lm-faq-item-hover-border: var(--accent);
    --lm-faq-question-hover-bg: var(--bg-light-secondary);
    --lm-faq-question-text: var(--text-dark);
    --lm-faq-answer-text: var(--text-secondary);
    /* Alt CTA — light temada sayfa ile aynı açık zemin */
    --lm-cta-section-bg: var(--bg-white);
    --lm-cta-title: var(--text-dark);
    --lm-cta-desc: var(--text-secondary);
    --lm-cta-screen-shadow: 0 -24px 64px rgba(15, 23, 42, 0.12);
    --lm-pricing-toggle-bg: var(--landing-on-dark-1);
    --lm-pricing-toggle-btn-text: var(--text-secondary);
    --lm-pricing-toggle-btn-active-bg: var(--bg-white);
    --lm-pricing-toggle-btn-active-text: var(--text-dark);
    --lm-pricing-featured-shadow: var(--shadow-lg, 0 20px 45px rgba(15, 23, 42, 0.16));

    /* Accent yüzeyleri — pembe/mor zemin, border, glow (tema duyarlı) */
    --lm-accent-surface-subtle: rgba(236, 9, 114, 0.05);
    --lm-accent-surface-soft: rgba(236, 9, 114, 0.06);
    --lm-accent-surface-medium: rgba(236, 9, 114, 0.08);
    --lm-accent-surface-strong: rgba(236, 9, 114, 0.1);
    --lm-accent-surface-active: rgba(236, 9, 114, 0.15);
    --lm-accent-border-subtle: rgba(236, 9, 114, 0.12);
    --lm-accent-border-soft: rgba(236, 9, 114, 0.14);
    --lm-accent-border-medium: rgba(236, 9, 114, 0.18);
    --lm-accent-border-strong: rgba(236, 9, 114, 0.22);
    --lm-accent-border-emphasis: rgba(236, 9, 114, 0.35);
    --lm-accent-focus-ring: rgba(236, 9, 114, 0.12);
    --lm-accent-gradient-soft: linear-gradient(135deg, rgba(236, 9, 114, 0.08), rgba(255, 107, 179, 0.06));
    --lm-accent-gradient-duo: linear-gradient(135deg, rgba(236, 9, 114, 0.06), rgba(139, 92, 246, 0.05));
    --lm-accent-gradient-duo-alt: linear-gradient(135deg, rgba(236, 9, 114, 0.06), rgba(255, 107, 179, 0.05));
    --lm-accent-gradient-panel: linear-gradient(120deg, rgba(236, 9, 114, 0.05), rgba(139, 92, 246, 0.04));
    --lm-accent-gradient-trio: linear-gradient(135deg, rgba(236, 9, 114, 0.06) 0%, rgba(139, 92, 246, 0.05) 50%, rgba(236, 9, 114, 0.04) 100%);
    --lm-accent-hero-glow: radial-gradient(ellipse at center top, rgba(236, 9, 114, 0.08) 0%, transparent 60%);
    --lm-accent-glow-radial: radial-gradient(circle, rgba(236, 9, 114, 0.1) 0%, transparent 70%);
    --lm-accent-glow-section: radial-gradient(circle at 30% 50%, rgba(236, 9, 114, 0.06) 0%, transparent 50%);
    --lm-accent-glow-footer: radial-gradient(100% 120% at 50% -20%, rgba(236, 9, 114, 0.05) 0%, transparent 52%);
    --lm-accent-shadow-soft: 0 10px 24px rgba(236, 9, 114, 0.18);
    --lm-accent-shadow-cta: 0 -40px 100px rgba(236, 9, 114, 0.12);

    --lm-order-channels-border: var(--border-light);
    --lm-order-tab-bg: var(--bg-light-secondary);
    --lm-order-tab-border: var(--border-light);
    --lm-order-tab-text: var(--text-secondary);
    --lm-order-tab-text-hover: var(--text-dark);
    --lm-order-tab-border-hover: var(--border-light);
    --lm-order-points-text: var(--text-secondary);
    --lm-order-points-strong: var(--text-dark);
    --lm-order-dot: var(--landing-light-border);

    --lm-showcase-mockup-bg: var(--bg-light);
    --lm-showcase-mockup-shadow:
        0 28px 56px rgba(15, 23, 42, 0.1),
        0 22px 52px rgba(139, 92, 246, 0.18),
        0 10px 36px rgba(167, 139, 250, 0.12);
    --lm-showcase-mockup-shadow-hover:
        0 34px 68px rgba(15, 23, 42, 0.14),
        0 26px 60px rgba(139, 92, 246, 0.24),
        0 14px 44px rgba(167, 139, 250, 0.16);
    --lm-showcase-mockup-shadow-hover-reduced:
        0 28px 56px rgba(15, 23, 42, 0.1),
        0 22px 52px rgba(139, 92, 246, 0.18),
        0 10px 36px rgba(167, 139, 250, 0.12);

    --lm-flow-center-shadow: 0 15px 35px rgba(15, 23, 42, 0.18);
    --lm-flow-connections-border: rgba(15, 23, 42, 0.06);
    --lm-mini-dashboard-bg: var(--bg-white);
    --lm-mini-dashboard-border: var(--border-light);
    --lm-mini-sidebar-bg: var(--bg-light);
    --lm-mini-chrome-bg: var(--bg-light-secondary);
    --lm-mini-dashboard-shadow: 0 12px 30px rgba(15, 23, 42, 0.06);

    --lm-chart-bar-bg: var(--bg-light-secondary);
    --lm-chart-bar-mini-bg: var(--text-secondary);
    --lm-stat-badge-bg: var(--bg-light-secondary);
    --lm-stat-badge-text: var(--text-secondary);
    --lm-app-icon-bg: var(--bg-light-secondary);
    --lm-app-icon-color: var(--text-secondary);

    --landing-feature-badge-bg: linear-gradient(135deg, var(--accent), var(--accent-light));
    --landing-feature-badge-text: var(--white);
    --landing-feature-badge-border: transparent;
    --landing-florist-badge-1-bg: linear-gradient(135deg, var(--accent), var(--accent-light));
    --landing-florist-badge-1-text: var(--white);
    --landing-florist-badge-2-bg: linear-gradient(135deg, var(--landing-purple-500), var(--landing-purple-400));
    --landing-florist-badge-2-text: var(--white);
    --landing-florist-badge-3-bg: linear-gradient(135deg, var(--green), var(--landing-green-400));
    --landing-florist-badge-3-text: var(--white);
    --landing-florist-badge-more-bg: var(--bg-white);
    --landing-florist-badge-more-text: var(--text-secondary);
    --landing-widget-badge-bg: rgba(22, 163, 74, 0.12);
    --landing-widget-badge-text: var(--green);

    background: var(--bg-light);
    color: var(--text-dark);
    --landing-on-dark-1: #dfe7ef;
    --landing-plan-feature-border: rgba(15, 23, 42, 0.08);
    --landing-purchase-highlight-bg: var(--lm-accent-surface-subtle);
    --landing-plan-option-selected-bg: #fff8fb;
    --landing-purchase-info-bg: var(--bg-light-secondary);
    --landing-purchase-accent-text: var(--floovon-pink);
    --landing-purchase-success-bg: rgba(16, 185, 129, 0.12);
}

/* Login, dashboard, iletişim vb. — koyu uygulama yüzeyi */
body.theme-dark {
    --bg-light: var(--dark-900);
    --bg-light-secondary: var(--dark-800);
    --bg-white: var(--dark-700);
    --text-dark: #f1f5f9;
    --text-secondary: #c1cfe1;
    --text-muted: #7a8a9f;
    --help-article-body-p-color: #cad1db;
    --text-white: #ffffff;
    --border-light: rgba(148, 163, 184, 0.24);
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.45);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.4);
    --shadow-lg: 0 12px 40px rgba(0, 0, 0, 0.5);
    --shadow-xl: 0 24px 48px rgba(0, 0, 0, 0.55);
    --landing-plan-feature-border: rgba(255, 255, 255, 0.08);
    --landing-purchase-highlight-bg: var(--lm-accent-surface-subtle);
    --landing-plan-option-selected-bg: #2a1520;
    --landing-purchase-info-bg: var(--bg-light-secondary);
    --landing-purchase-accent-text: var(--floovon-pink);
    --landing-purchase-success-bg: rgba(16, 185, 129, 0.18);
    --login-error-color: #f87171;
    --login-error-bg: rgba(239, 68, 68, 0.14);
    --login-error-border: rgba(239, 68, 68, 0.32);
    --login-warning-color: #fbbf24;
    --login-warning-bg: rgba(245, 158, 11, 0.14);
    --login-warning-border: rgba(245, 158, 11, 0.32);
    --login-success-color: #34d399;
    --login-success-bg: rgba(16, 185, 129, 0.14);
    --login-success-border: rgba(16, 185, 129, 0.32);
    --lm-landing-surface-muted: rgba(18, 18, 26, 0.92);
    --lm-landing-border-subtle: rgba(148, 163, 184, 0.28);
    --lm-landing-border-dashed: rgba(148, 163, 184, 0.22);
    --lm-shadow-page-sm: 0 12px 40px rgba(0, 0, 0, 0.25);
    --lm-shadow-page-md: 0 16px 40px rgba(0, 0, 0, 0.3);
    --lm-shadow-card: 0 12px 40px rgba(0, 0, 0, 0.28);
    --lm-shadow-page-xs: var(--shadow-sm);
    --lm-scrollbar-thumb: var(--gray-500);
    --lm-scrollbar-thumb-hover: var(--gray-400);
    --bg-dark: var(--black);
    --bg-dark-secondary: var(--dark-900);
    --bg-dark-tertiary: var(--dark-700);
    background: var(--dark-900);
    color: var(--text-dark);
}

/* İlk frame: head.js html sınıfı — token mirası */
html.floovon-landing-doc-light {
    --lm-page-bg: var(--bg-light);
    --lm-section-bg: var(--bg-light);
    --lm-section-bg-alt: var(--bg-light);
    --lm-section-gradient-start: var(--bg-light);
    --lm-section-gradient-end: var(--bg-light-secondary);
    --lm-hero-bg: var(--bg-white);
    --lm-hero-gradient-opacity: 0.4;
    --lm-surface: var(--bg-white);
    --lm-surface-muted: var(--bg-light-secondary);
    --lm-text: var(--text-dark);
    --lm-text-heading: var(--text-dark);
    --lm-text-secondary: var(--text-secondary);
    --lm-text-body: var(--text-secondary);
    --lm-text-muted: var(--text-muted);
    --lm-border: var(--border-light);
    --lm-border-strong: var(--border-light);
    --lm-border-hover: var(--landing-light-border-hover);
    --lm-header-bg: var(--landing-light-surface-98);
    --lm-header-bg-scrolled: var(--landing-light-surface-98);
    --lm-header-border: var(--landing-light-border);
    --lm-nav-link: var(--landing-light-muted);
    --lm-nav-link-hover: var(--accent);
    --lm-panel-content-wrap-bg: #f6f8ff;
    --lm-panel-tab-bg: var(--bg-light-secondary);
    --lm-panel-tab-border: var(--border-light);
    --lm-panel-tab-text: var(--text-secondary);
    --lm-panel-visual-bg: var(--bg-light-secondary);
    --lm-pricing-section-bg: var(--bg-light);
    --lm-pricing-toggle-bg: #dfe7ef;
    --lm-pricing-toggle-btn-text: var(--text-secondary);
    --lm-pricing-toggle-btn-active-bg: var(--bg-white);
    --lm-pricing-toggle-btn-active-text: var(--text-dark);
    --lm-stat-section-bg: var(--bg-light);
    --lm-stat-card-bg: var(--bg-white);
    --lm-pricing-card-featured-bg: #fff8fb;
    --lm-pricing-card-featured-border: rgba(236, 9, 114, 0.22);
    --lm-stat-card-featured-bg: var(--lm-pricing-card-featured-bg);
    --lm-stat-card-featured-border: var(--lm-pricing-card-featured-border);
    --lm-accent-surface-subtle: rgba(236, 9, 114, 0.05);
    --lm-accent-surface-soft: rgba(236, 9, 114, 0.06);
    --lm-accent-surface-medium: rgba(236, 9, 114, 0.08);
    --lm-accent-surface-strong: rgba(236, 9, 114, 0.1);
    --lm-accent-border-subtle: rgba(236, 9, 114, 0.12);
    --lm-accent-border-strong: rgba(236, 9, 114, 0.22);
    --lm-accent-focus-ring: rgba(236, 9, 114, 0.12);
    --lm-accent-gradient-soft: linear-gradient(135deg, rgba(236, 9, 114, 0.08), rgba(255, 107, 179, 0.06));
    --lm-accent-gradient-duo: linear-gradient(135deg, rgba(236, 9, 114, 0.06), rgba(139, 92, 246, 0.05));
    --lm-accent-hero-glow: radial-gradient(ellipse at center top, rgba(236, 9, 114, 0.08) 0%, transparent 60%);
    --lm-pricing-card-bg: var(--bg-white);
    --lm-pricing-card-border: var(--border-light);
    --lm-faq-item-bg: var(--bg-white);
    --lm-faq-item-border: var(--border-light);
    --lm-faq-question-text: var(--text-dark);
    --lm-faq-answer-text: var(--text-secondary);
    --lm-cta-section-bg: var(--bg-white);
    --lm-cta-title: var(--text-dark);
    --lm-cta-desc: var(--text-secondary);
    --lm-cta-screen-shadow: 0 -24px 64px rgba(15, 23, 42, 0.12);
    --lm-header-login-bg: var(--white);
    --lm-header-login-text: var(--text-dark);
    --lm-header-login-border: rgba(203, 213, 225, 0.9);
    --lm-header-login-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");
    --lm-theme-toggle-sun-opacity: 1;
    --lm-theme-toggle-moon-opacity: 0;
    --lm-showcase-picture-light-display: block;
    --lm-showcase-picture-dark-display: none;
}

html.floovon-landing-doc-dark {
    --lm-page-bg: var(--black);
    --lm-section-bg: var(--black);
    --lm-hero-bg: var(--black);
}