/*
Theme Name: Çınar Otomotiv
Theme URI: https://cinarotomotiv.net
Author: Çınar Otomotiv & Antigravity
Author URI: https://cinarotomotiv.net
Description: Afyonkarahisar Renault ve Dacia araçları için 7/24 Yol Yardım ve Özel Servis teması. Motrio servis ağı standartlarında, ultra hızlı, mobil öncelikli ve SEO uyumlu özel WordPress teması.
Version: 1.0.0
Requires at least: 5.8
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cinar-otomotiv
Tags: automotive, road-assistance, renault, dacia, motrio, custom-theme, fast, mobile-friendly
*/

/* ==========================================================================
   CSS Variables & Design Tokens
   ========================================================================== */
:root {
  /* Motrio & Corporate Colors */
  --co-red: #E30613;
  --co-red-hover: #C50510;
  --co-red-light: #FFECEE;
  --co-red-glow: rgba(227, 6, 19, 0.25);

  --co-dark: #121518;
  --co-dark-surface: #1B1F24;
  --co-dark-card: #22272E;
  --co-dark-border: #2D333B;

  --co-accent-blue: #0A58CA;
  --co-accent-blue-light: #EBF3FF;

  --co-whatsapp: #25D366;
  --co-whatsapp-hover: #20BA5A;
  --co-whatsapp-light: #E9FBF0;

  --co-light-bg: #F8F9FA;
  --co-light-surface: #FFFFFF;
  --co-border: #E5E7EB;
  --co-border-subtle: #F0F2F5;

  --co-text-main: #1F2937;
  --co-text-muted: #6B7280;
  --co-text-light: #9CA3AF;
  --co-text-white: #FFFFFF;

  /* Typography */
  --co-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --co-font-heading: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  /* Layout & Spacing */
  --co-container: 1200px;
  --co-radius-sm: 6px;
  --co-radius: 10px;
  --co-radius-lg: 16px;
  --co-radius-full: 9999px;

  /* Elevation */
  --co-shadow-sm: 0 1px 3px rgba(0,0,0,0.08);
  --co-shadow-md: 0 4px 12px rgba(0,0,0,0.08);
  --co-shadow-lg: 0 10px 25px rgba(0,0,0,0.12);
  --co-shadow-sticky: 0 -4px 20px rgba(0,0,0,0.18);

  /* Sticky Bar Safe Bottom */
  --co-sticky-height: 64px;
}

/* All compiled & optimized styles are located in assets/css/main.css */