/*
Theme Name: Otolastik — Bozüyük Oto Lastik
Theme URI: https://example.com
Author: Otolastik
Author URI: https://example.com
Description: Bozüyük / Bilecik bölgesi için özel geliştirilmiş, Local SEO + Google Maps SEO destekli, dönüşüm odaklı WordPress teması. TireShop Schema, mobil sticky bar ve eksiksiz NAP yönetimi dahil.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 8.0
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: otolastik
Tags: local-seo, tire-shop, mobile-first, responsive, custom-menu, custom-logo, gutenberg-blocks
*/

/* ============================================================
   CSS CUSTOM PROPERTIES (Açık Tema Renk Sistemi)
   ============================================================ */
/* ============================================================
   CSS CUSTOM PROPERTIES (Marka Kimliği Dokümanı Renk Paleti)
   ============================================================ */
:root {
    /* Ana Marka Renkleri (Sarı + Siyah + Beyaz) */
    --color-yellow:    #F4C400; /* Enerji, hız, aciliyet, CTA */
    --color-black:     #111111; /* Güç, profesyonellik, başlıklar */
    --color-white:     #FFFFFF; /* Temizlik, netlik, arka plan */
    --color-dark-gray: #2B2B2B; /* Gövde metinleri */
    --color-light-gray:#E9E9E9; /* Kart arka planları, çizgiler */

    /* Tema Eşlemeleri */
    --color-primary:   #111111;
    --color-secondary: #F4C400;
    --color-accent:    #F4C400;
    --color-accent-light: #FFFBEB;

    /* Arka plan ve yüzey (%55 Beyaz, %25 Siyah, %15 Sarı, %5 Gri) */
    --color-bg:        #FFFFFF;
    --color-surface:   #FFFFFF;
    --color-surface-2: #F8F9FA;

    /* Metin */
    --color-text:      #2B2B2B;
    --color-muted:     #666666;
    --color-heading:   #111111;

    /* Kenar */
    --color-border:    #E9E9E9;

    /* Durum renkleri */
    --color-success:   #16a34a;
    --color-warning:   #F4C400;
    --color-error:     #dc2626;

    /* Tipografi (Montserrat ExtraBold Başlıklar + Inter Gövde) */
    --font-heading: 'Montserrat', system-ui, -apple-system, sans-serif;
    --font-body:    'Inter', system-ui, -apple-system, sans-serif;

    /* Font boyutları (fluid) */
    --text-xs:   clamp(.75rem,  1.5vw, .875rem);
    --text-sm:   clamp(.875rem, 1.8vw, 1rem);
    --text-base: clamp(1rem,    2vw,   1.125rem);
    --text-lg:   clamp(1.125rem,2.2vw, 1.25rem);
    --text-xl:   clamp(1.25rem, 2.5vw, 1.5rem);
    --text-2xl:  clamp(1.5rem,  3vw,   2rem);
    --text-3xl:  clamp(2rem,    4vw,   2.75rem);
    --text-4xl:  clamp(2.5rem,  5vw,   3.5rem);

    /* Boşluklar */
    --space-1:  .25rem;
    --space-2:  .5rem;
    --space-3:  .75rem;
    --space-4:  1rem;
    --space-5:  1.25rem;
    --space-6:  1.5rem;
    --space-8:  2rem;
    --space-10: 2.5rem;
    --space-12: 3rem;
    --space-16: 4rem;
    --space-20: 5rem;
    --space-24: 6rem;

    /* Border radius */
    --radius-sm:  6px;
    --radius-md:  10px;
    --radius-lg:  14px;
    --radius-xl:  20px;
    --radius-2xl: 28px;
    --radius-full: 9999px;

    /* Geçiş */
    --transition: .2s ease;
    --transition-slow: .4s ease;

    /* Gölge (Soft & Modern Light Theme Shadows) */
    --shadow-sm:  0 1px 3px rgba(15, 23, 42, 0.05);
    --shadow-md:  0 4px 16px rgba(15, 23, 42, 0.08);
    --shadow-lg:  0 12px 32px rgba(15, 23, 42, 0.12);
    --shadow-glow: 0 4px 20px rgba(217, 119, 6, 0.3);

    /* Container */
    --container-max: 1200px;
    --container-pad: clamp(1rem, 4vw, 2rem);

    /* Sticky bar yüksekliği (mobil) */
    --sticky-bar-h: 64px;
}