/**
 * Siena Turizm - CSS Variables & Theme System
 * Professional, Modern & Elegant Design
 */

:root {
    /* ===== LIGHT THEME (Default) ===== */

    /* Primary Colors */
    --color-primary: #DF8014;
    --color-primary-hover: #c46d0f;
    --color-primary-light: rgba(223, 128, 20, 0.1);
    --color-primary-rgb: 223, 128, 20;

    /* Background Colors */
    --bg-body: #f8fafc;
    --bg-primary: #ffffff;
    --bg-secondary: #f1f5f9;
    --bg-tertiary: #e2e8f0;
    --bg-card: #ffffff;
    --bg-card-hover: #fafafa;

    /* Text Colors */
    --text-primary: #0f172a;
    --text-secondary: #475569;
    --text-muted: #94a3b8;
    --text-inverse: #ffffff;

    /* Border Colors */
    --border-color: #e2e8f0;
    --border-light: #f1f5f9;
    --border-focus: var(--color-primary);

    /* Navbar */
    --navbar-bg: rgba(255, 255, 255, 0.95);
    --navbar-bg-scrolled: rgba(255, 255, 255, 0.98);
    --navbar-shadow: 0 4px 30px rgba(0, 0, 0, 0.08);
    --navbar-text: #1e293b;
    --navbar-text-hover: var(--color-primary);

    /* Hero Section */
    --hero-overlay: linear-gradient(135deg, rgba(15, 23, 42, 0.85) 0%, rgba(30, 41, 59, 0.75) 100%);
    --hero-text: #ffffff;

    /* Cards */
    --card-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
    --card-shadow-hover: 0 12px 40px rgba(0, 0, 0, 0.12);
    --card-border-radius: 16px;

    /* Buttons */
    --btn-shadow: 0 4px 14px rgba(223, 128, 20, 0.35);
    --btn-shadow-hover: 0 6px 20px rgba(223, 128, 20, 0.45);

    /* Footer */
    --footer-bg: #0f172a;
    --footer-text: #cbd5e1;
    --footer-heading: #ffffff;

    /* Misc */
    --input-bg: #ffffff;
    --input-border: #e2e8f0;
    --input-focus-border: var(--color-primary);
    --input-focus-shadow: 0 0 0 4px rgba(223, 128, 20, 0.15);

    /* Transitions */
    --transition-fast: 0.15s ease;
    --transition-normal: 0.3s ease;
    --transition-slow: 0.5s ease;

    /* Spacing */
    --section-padding: 100px;
    --section-padding-mobile: 60px;

    /* Typography */
    --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-size-base: 16px;
    --line-height-base: 1.7;

    /* Z-index */
    --z-navbar: 1000;
    --z-modal: 1050;
    --z-whatsapp: 999;
}

/* ===== DARK THEME ===== */
[data-theme="dark"] {
    /* Background Colors */
    --bg-body: #0f172a;
    --bg-primary: #1e293b;
    --bg-secondary: #334155;
    --bg-tertiary: #475569;
    --bg-card: #1e293b;
    --bg-card-hover: #334155;

    /* Text Colors */
    --text-primary: #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-muted: #64748b;
    --text-inverse: #0f172a;

    /* Border Colors */
    --border-color: #334155;
    --border-light: #1e293b;
    --border-focus: var(--color-primary);

    /* Navbar */
    --navbar-bg: rgba(30, 41, 59, 0.95);
    --navbar-bg-scrolled: rgba(30, 41, 59, 0.98);
    --navbar-shadow: 0 4px 30px rgba(0, 0, 0, 0.25);
    --navbar-text: #e2e8f0;
    --navbar-text-hover: var(--color-primary);

    /* Hero Section */
    --hero-overlay: linear-gradient(135deg, rgba(15, 23, 42, 0.9) 0%, rgba(30, 41, 59, 0.85) 100%);

    /* Cards */
    --card-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
    --card-shadow-hover: 0 12px 40px rgba(0, 0, 0, 0.35);

    /* Footer */
    --footer-bg: #020617;
    --footer-text: #94a3b8;
    --footer-heading: #f1f5f9;

    /* Input */
    --input-bg: #1e293b;
    --input-border: #334155;
    --input-focus-shadow: 0 0 0 4px rgba(223, 128, 20, 0.25);

    /* Accent glow effect for dark mode */
    --color-primary-light: rgba(223, 128, 20, 0.15);
}

/* ===== THEME TRANSITION ===== */
body,
.navbar,
.card,
.btn,
input,
textarea,
.footer,
.accordion-item,
.service-card,
.hero-section {
    transition:
        background-color var(--transition-normal),
        border-color var(--transition-normal),
        color var(--transition-normal),
        box-shadow var(--transition-normal);
}