/**
 * Makesy theme — design tokens.
 * Renkler: Tema & Görünüm (--theme-*) + yedek hex.
 */
body.theme-makesy {
    --mk-brown-black: #302b27;
    --mk-terracotta: #ab6047;
    --mk-taupe: #74685e;
    --mk-taupe-light: #d8cec2;

    --mk-ivory: var(--theme-color-background, #faf8f4);
    --mk-cream: var(--theme-color-surface, #f5f0e8);
    --mk-blush: var(--theme-color-palette-blush, #efe5dc);
    --mk-sage: var(--theme-color-palette-sage, #e5e8dd);
    --mk-sand: var(--theme-color-palette-sand, #e3d9ce);
    --mk-warm-white: var(--theme-button-text, #fffdfc);

    --mk-brown: var(--theme-color-primary, var(--theme-color-text, var(--mk-brown-black)));
    --mk-accent: var(--theme-color-accent, var(--mk-terracotta));
    --mk-bg: var(--mk-ivory);
    --mk-surface: var(--mk-cream);
    --mk-footer: var(--mk-ivory);
    --mk-announcement: var(--theme-topbar-bg, var(--mk-sage));
    --mk-icon: var(--mk-brown);
    --mk-font: Arial, Helvetica, "Segoe UI", sans-serif;
    --mk-font-brand: Georgia, "Times New Roman", serif;
    --mk-font-action: var(--mk-font);
    --mk-text-micro: 10px;
    --mk-text-xs: 11px;
    --mk-text-sm: 12px;
    --mk-text-md: 13px;
    --mk-text-md-lg: 15px;
    --mk-text-lead: 14px;
    --mk-text-category-main: 19px;
    --mk-text-subcategory: 21px;
    --mk-text-guide-title: 28px;
    --mk-text-newsletter-title: 34px;
    --mk-text-brand-header: 47px;
    --mk-text-brand-footer: 43px;
    --mk-tracking-wide: 0.12em;
    --mk-tracking-tight: -0.02em;
    --mk-link-hover: var(--mk-accent);
    --mk-btn-primary-bg: var(--theme-button-bg, var(--mk-accent));
    --mk-btn-primary-text: var(--theme-button-text, var(--mk-warm-white));
    --mk-btn-primary-hover-bg: var(--theme-button-hover, var(--mk-brown));
    --mk-btn-primary-hover-text: var(--theme-button-text, var(--mk-warm-white));
    --mk-muted: var(--theme-color-text-secondary, var(--mk-taupe));
    --mk-commerce-meta: var(--mk-brown);
    --mk-legal-text: var(--mk-taupe);
    --mk-border: var(--theme-color-border, var(--mk-taupe-light));
    --mk-frame: var(--mk-sand);
    --mk-font-display: var(--mk-font-brand);
    --mk-font-section-title: var(--mk-font);
    --mk-home-section-title-font: var(--theme-home-section-title-font, var(--mk-font));
    --mk-home-section-subtitle-font: var(--theme-home-section-subtitle-font, var(--mk-font));
    --mk-home-section-title-size: var(--theme-home-section-title-size, var(--mk-text-xs));
    --mk-home-section-subtitle-size: var(--theme-home-section-subtitle-size, var(--mk-text-md));
    --mk-home-section-title-color: var(--theme-home-section-title-color, var(--mk-muted));
    --mk-home-section-subtitle-color: var(--theme-home-section-subtitle-color, var(--mk-muted));
    --mk-section-title-size: var(--mk-text-xs);
    --mk-section-title-weight: 400;
    --mk-section-title-line-height: 1.45;
    --mk-section-title-color: var(--mk-muted);
    --mk-font-nav: var(--mk-font);
    --mk-font-slider: var(--mk-font);
    --mk-font-slider-bold: var(--mk-font);
    --mk-btn-font-family: var(--mk-font);
    --mk-btn-font-size: 13px;
    --mk-btn-font-weight: 400;
    --mk-btn-letter-spacing: 0;
    --mk-btn-text-transform: none;
    --mk-radius-pill: 3.75rem;
    --mk-radius-lg: 0.625rem;
    --mk-input-height: 50px;
    --mk-container: 1440px;
    --mk-grid-padding: 1.25rem;
    --mk-header-search-max: 300px;
}

@media (min-width: 768px) {
    body.theme-makesy {
        --mk-grid-padding: 2rem;
    }
}

@media (min-width: 1200px) {
    body.theme-makesy {
        --mk-grid-padding: 3rem;
    }
}