/*
Theme Name: SBC Theme
Theme URI: https://sbcspor.com
Description: SBC Spor — Türkiye'nin kaykay merkezi. Custom WooCommerce tema. Mağaza + Topluluk + Eğitim.
Version: 2.4.18
Author: SBC Spor
Author URI: https://sbcspor.com
Text Domain: sbc-theme
Requires at least: 5.8
Requires PHP: 7.4
Tested up to: 6.7
Tags: woocommerce, custom-menu, custom-logo, featured-images, threaded-comments, translation-ready
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

/* ═══════════════════════════════════════════════════════
   SBC Design System — Tokens
   ═══════════════════════════════════════════════════════ */
:root {
    /* ═══ SBC Design System — App ile senkronize ═══ */

    /* Core — asphalt & concrete (app'teki gibi) */
    --sbc-black: #0A0A0A;
    --sbc-dark: #1A1A1A;
    --sbc-900: #1f2937;
    --sbc-800: #27303f;
    --sbc-700: #374151;
    --sbc-600: #4b5563;
    --sbc-500: #6b7280;
    --sbc-400: #737980;
    --sbc-300: #d1d5db;
    --sbc-200: #E0DCD7;
    --sbc-100: #F0EDEA;
    --sbc-50: #F7F5F2;
    --sbc-white: #ffffff;

    /* Accent — burnt orange / skate wheel burn (app ile senkron) */
    --sbc-accent: #FF4D00;
    --sbc-accent-dk: #CC3D00;
    --sbc-accent-lt: #FF7A3D;

    /* Neon — CTA, badge, highlight vurgu (app'teki "Kaykayını Seç" yeşili) */
    --sbc-neon: #BEFF00;
    --sbc-neon-dk: #96CC00;
    --sbc-neon-text: #0A0A0A; /* neon bg üzerinde siyah metin */

    /* Red → Accent alias: tüm CSS'te var(--sbc-red) = accent orange olarak çalışır */
    /* Böylece butonlar, CTA, link hover, badge hepsi turuncu olur */
    --sbc-red: #FF4D00;
    --sbc-red-dk: #CC3D00;

    /* Gerçek kırmızı — sadece error, stok uyarısı gibi durumlar */
    --sbc-error: #FF1744;

    /* Status colors (app ile aynı) */
    --sbc-green: #00C853;
    --sbc-orange: #FFAB00;
    --sbc-blue: #2979FF;

    /* Secondary — slate grey */
    --sbc-secondary: #3D3833;
    --sbc-secondary-lt: #5A5651;

    /* Background — temiz beyaz (site arka planı) */
    --sbc-bg: #ffffff;
    --sbc-card-alt: #F7F5F2;

    /* Text — app ile senkron */
    --sbc-text-muted: #9E9892;

    /* Typography */
    --sbc-font: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

    /* Radius — app'e göre biraz daha az yuvarlak */
    --sbc-r: 12px;
    --sbc-r-sm: 8px;
    --sbc-r-lg: 16px;
    --sbc-r-full: 50px;

    /* Shadows */
    --sbc-shadow: 0 1px 3px rgba(0,0,0,.06), 0 2px 8px rgba(0,0,0,.04);
    --sbc-shadow-md: 0 4px 12px rgba(0,0,0,.08);
    --sbc-shadow-lg: 0 8px 24px rgba(0,0,0,.12);

    /* Transition */
    --sbc-ease: .2s cubic-bezier(.4,0,.2,1);

    /* Layout */
    --sbc-max-w: 1240px;
    --sbc-gap: 20px;
}