/*
Theme Name: SilverSky Tech
Theme URI: https://silversky.ir
Author: Hamed
Author URI: https://silversky.ir
Description: قالب اختصاصی، مدرن و ریسپانسیو وبلاگ و مجله فناوری سیلور اسکای با پشتیبانی کامل از زبان فارسی، تایپوگرافی وزیرمتن، حالت تاریک و روشن، بلوک‌های پیشرفته کدنویسی و بهینه‌سازی شده برای سرعت و سئو.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: silversky-tech
Tags: blog, tech, news, grid-layout, rtl-language-support, custom-colors, custom-menu, featured-images, dark-mode
*/

:root {
  --font-main: 'Vazirmatn', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-code: 'Fira Code', 'Consolas', monospace;
  
  /* Light Theme */
  --bg-body: #f8fafc;
  --bg-surface: #ffffff;
  --bg-card: #ffffff;
  --bg-subtle: #f1f5f9;
  --border-color: #e2e8f0;
  --text-primary: #0f172a;
  --text-secondary: #475569;
  --text-muted: #94a3b8;
  
  --primary: #0284c7;
  --primary-hover: #0369a1;
  --primary-rgb: 2, 132, 199;
  --accent: #6366f1;
  --accent-rgb: 99, 102, 241;
  --badge-bg: rgba(2, 132, 199, 0.1);
  --badge-text: #0284c7;
  
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -2px rgba(0, 0, 0, 0.05);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -4px rgba(0, 0, 0, 0.04);
  --shadow-glow: 0 0 20px rgba(2, 132, 199, 0.15);
  
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-full: 9999px;
  
  --header-height: 72px;
  --max-width: 1240px;
}

[data-theme="dark"] {
  --bg-body: #0a0f1d;
  --bg-surface: #111827;
  --bg-card: #151f32;
  --bg-subtle: #1e293b;
  --border-color: #243247;
  --text-primary: #f8fafc;
  --text-secondary: #cbd5e1;
  --text-muted: #64748b;
  
  --primary: #38bdf8;
  --primary-hover: #7dd3fc;
  --primary-rgb: 56, 189, 248;
  --accent: #818cf8;
  --accent-rgb: 129, 140, 248;
  --badge-bg: rgba(56, 189, 248, 0.15);
  --badge-text: #38bdf8;
  
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.5);
  --shadow-glow: 0 0 25px rgba(56, 189, 248, 0.2);
}