/*
Theme Name:  MotoGarage
Theme URI:   https://motogaragetr.com
Description: Premium motosiklet koleksiyon e-ticaret teması
Author:      Moto Garage
Version:     1.0.0
Text Domain: motogarage
Tags:        woocommerce, e-commerce, dark, premium
*/

/* ─── Design Tokens ─────────────────────────────────────────── */
:root {
  /* Colors */
  --bg:            #090909;
  --surface:       #121212;
  --elevated:      #1a1a1a;
  --border:        #222222;
  --border-hover:  #333333;
  --accent:        #c9a96e;
  --accent-dark:   #a8833f;
  --accent-light:  #dbbf8a;
  --text:          #f0ece4;
  --text-muted:    #8a8a8a;
  --text-subtle:   #444444;
  --white:         #ffffff;
  --black:         #000000;
  --success:       #2ca063;
  --danger:        #c0392b;

  /* Typography */
  --font-head: 'Barlow Condensed', 'Arial Narrow', sans-serif;
  --font-body: 'Inter', 'Segoe UI', sans-serif;

  /* Spacing */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.25rem;
  --sp-6: 1.5rem;
  --sp-8: 2rem;
  --sp-10: 2.5rem;
  --sp-12: 3rem;
  --sp-16: 4rem;
  --sp-20: 5rem;
  --sp-24: 6rem;

  /* Layout */
  --max-w:     1280px;
  --pad:       clamp(1rem, 4vw, 2rem);
  --radius:    8px;
  --radius-lg: 16px;

  /* Transitions */
  --tr:  0.25s ease;
  --tr-slow: 0.4s ease;

  /* Shadows */
  --shadow:    0 4px 16px rgba(0,0,0,0.5);
  --shadow-lg: 0 12px 40px rgba(0,0,0,0.7);
  --glow:      0 0 24px rgba(201,169,110,0.18);
}