/*
Theme Name: Slide Maker Online
Theme URI: https://slidemakeronline.com
Author: Slide Maker Online
Author URI: https://slidemakeronline.com
Description: AI-powered presentation and slideshow maker. Generate stunning PowerPoint slides instantly using AI. The best free slidemaker online.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: slidemakeronline
Tags: dark-mode, translation-ready, custom-menu, ai, slidemaker, presentations
*/

/* ============================================================
   CSS CUSTOM PROPERTIES (Design Tokens)
   ============================================================ */
:root {
  /* Brand Colors */
  --brand-primary: #7C3AED;
  --brand-secondary: #A855F7;
  --brand-accent: #F59E0B;
  --brand-accent-light: #FCD34D;

  /* Light Mode */
  --bg-primary: #FFFFFF;
  --bg-secondary: #F5F3FF;
  --bg-card: #FFFFFF;
  --bg-glass: rgba(255, 255, 255, 0.8);
  --text-primary: #1A1A2E;
  --text-secondary: #4B5563;
  --text-muted: #9CA3AF;
  --border-color: rgba(124, 58, 237, 0.15);
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.08);
  --shadow-md: 0 4px 20px rgba(124, 58, 237, 0.12);
  --shadow-lg: 0 10px 40px rgba(124, 58, 237, 0.18);
  --gradient-hero: linear-gradient(135deg, #1A1A2E 0%, #16213E 50%, #0F3460 100%);
  --gradient-brand: linear-gradient(135deg, #7C3AED 0%, #A855F7 50%, #EC4899 100%);
  --gradient-card: linear-gradient(135deg, rgba(124,58,237,0.05) 0%, rgba(168,85,247,0.05) 100%);
  --nav-bg: rgba(255, 255, 255, 0.9);
  --input-bg: #F9FAFB;
  --input-border: #E5E7EB;
  --input-focus: #7C3AED;
  --slide-card-bg: #FFFFFF;
  --footer-bg: #1A1A2E;
  --footer-text: rgba(255,255,255,0.7);

  /* Typography */
  --font-heading: 'Syne', 'Inter', sans-serif;
  --font-body: 'Inter', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', monospace;

  /* Spacing */
  --container-max: 1200px;
  --section-padding: 80px;
  --border-radius: 16px;
  --border-radius-sm: 10px;
  --border-radius-lg: 24px;

  /* Transitions */
  --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-fast: all 0.15s ease;
}

/* Dark Mode Variables */
[data-theme="dark"], .dark-mode {
  --bg-primary: #0D0D1A;
  --bg-secondary: #13132A;
  --bg-card: #1A1A2E;
  --bg-glass: rgba(26, 26, 46, 0.85);
  --text-primary: #F0EEFF;
  --text-secondary: #B4A9D4;
  --text-muted: #6B6B8F;
  --border-color: rgba(124, 58, 237, 0.25);
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.4);
  --shadow-md: 0 4px 20px rgba(124, 58, 237, 0.25);
  --shadow-lg: 0 10px 40px rgba(124, 58, 237, 0.35);
  --nav-bg: rgba(13, 13, 26, 0.92);
  --input-bg: #1A1A2E;
  --input-border: rgba(124, 58, 237, 0.3);
  --slide-card-bg: #1A1A2E;
  --footer-bg: #080812;
  --footer-text: rgba(255,255,255,0.6);
  --gradient-card: linear-gradient(135deg, rgba(124,58,237,0.12) 0%, rgba(168,85,247,0.08) 100%);
}