/*
Theme Name: Infoteck
Theme URI: https://infoteck.vn/
Author: Infoteck Team
Author URI: https://infoteck.vn/
Description: Giao diện chuyên nghiệp, tốc độ cao dành cho Blog Công nghệ & IT (DevOps, Cloud, Programming, AI, Security). Tối ưu SEO toàn diện, tích hợp sẵn các vị trí quảng cáo Google AdSense chuẩn chính sách và hỗ trợ hiển thị Markdown, sơ đồ Mermaid.js hoàn hảo.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 7.1
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: infoteck
Tags: blog, news, technology, dark-mode, custom-colors, custom-menu, featured-images, full-width-template, theme-options, translation-ready
*/

/* Core CSS Variables & Design System */
:root {
  --bg-primary: #0b0f19;
  --bg-secondary: #111827;
  --bg-card: rgba(17, 24, 39, 0.75);
  --bg-card-hover: rgba(31, 41, 55, 0.85);
  --bg-elevated: #1f2937;
  --border-color: rgba(255, 255, 255, 0.08);
  --border-color-hover: rgba(56, 189, 248, 0.35);
  
  --text-primary: #f8fafc;
  --text-secondary: #94a3b8;
  --text-muted: #64748b;
  
  --accent-primary: #38bdf8;
  --accent-secondary: #818cf8;
  --accent-gradient: linear-gradient(135deg, #38bdf8 0%, #818cf8 50%, #c084fc 100%);
  --accent-glow: 0 0 25px rgba(56, 189, 248, 0.25);
  
  --code-bg: #090d16;
  --code-text: #e2e8f0;
  
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-xl: 24px;
  
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.25);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.35);
  --shadow-lg: 0 16px 40px rgba(0, 0, 0, 0.45);
  
  --font-sans: 'Nunito', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-mono: 'Fira Code', 'JetBrains Mono', Consolas, Monaco, 'Courier New', monospace;
  
  --transition-fast: 0.15s ease;
  --transition-normal: 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-slow: 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  
  --container-max: 1240px;
}

[data-theme="light"] {
  --bg-primary: #f8fafc;
  --bg-secondary: #ffffff;
  --bg-card: #ffffff;
  --bg-card-hover: #f1f5f9;
  --bg-elevated: #ffffff;
  --border-color: rgba(0, 0, 0, 0.08);
  --border-color-hover: rgba(2, 132, 199, 0.35);
  
  --text-primary: #0f172a;
  --text-secondary: #334155;
  --text-muted: #64748b;
  
  --accent-primary: #0284c7;
  --accent-secondary: #6366f1;
  --accent-gradient: linear-gradient(135deg, #0284c7 0%, #6366f1 50%, #9333ea 100%);
  --accent-glow: 0 0 20px rgba(2, 132, 199, 0.15);
  
  --code-bg: #1e293b;
  --code-text: #f8fafc;
  
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 8px 20px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 16px 36px rgba(0, 0, 0, 0.08);
}