/*
Theme Name: Kroxia Digital Solutions
Theme URI: https://kroxia.com
Author: Kroxia Digital Solutions
Author URI: https://kroxia.com
Description: A premium Elementor-first WooCommerce WordPress theme for digital agencies. Fully compatible with Elementor Pro, WooCommerce, and all major plugins.
Version: 2.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 8.0
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kroxia
Tags: elementor, woocommerce, custom-colors, custom-logo, custom-menu, featured-images, full-width-template, sticky-post, theme-options, dark-mode, rtl-language-support, blog, e-commerce, portfolio
*/

/* =============================================
   KROXIA THEME - BASE STYLES
   ============================================= */

:root {
    --kroxia-primary: #f97316;
    --kroxia-primary-dark: #ea6c0a;
    --kroxia-secondary: #1e2d3d;
    --kroxia-accent: #6c63ff;
    --kroxia-dark: #0f172a;
    --kroxia-darker: #0a0f1e;
    --kroxia-light: #f8fafc;
    --kroxia-white: #ffffff;
    --kroxia-gray-100: #f1f5f9;
    --kroxia-gray-200: #e2e8f0;
    --kroxia-gray-300: #cbd5e1;
    --kroxia-gray-400: #94a3b8;
    --kroxia-gray-500: #64748b;
    --kroxia-gray-600: #475569;
    --kroxia-gray-700: #334155;
    --kroxia-gray-800: #1e293b;
    --kroxia-gray-900: #0f172a;
    --kroxia-font-primary: 'Inter', sans-serif;
    --kroxia-font-heading: 'Poppins', sans-serif;
    --kroxia-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --kroxia-shadow-sm: 0 1px 3px rgba(0,0,0,0.08);
    --kroxia-shadow: 0 4px 20px rgba(0,0,0,0.1);
    --kroxia-shadow-lg: 0 20px 60px rgba(0,0,0,0.15);
    --kroxia-radius: 12px;
    --kroxia-radius-lg: 20px;
    --kroxia-border: 1px solid var(--kroxia-gray-200);
}

[data-theme="dark"] {
    --kroxia-bg: #0a0f1e;
    --kroxia-bg-secondary: #111827;
    --kroxia-bg-card: #1a2035;
    --kroxia-text: #e2e8f0;
    --kroxia-text-muted: #94a3b8;
    --kroxia-border-color: #1e293b;
    --kroxia-shadow: 0 4px 20px rgba(0,0,0,0.4);
}

[data-theme="light"] {
    --kroxia-bg: #ffffff;
    --kroxia-bg-secondary: #f8fafc;
    --kroxia-bg-card: #ffffff;
    --kroxia-text: #1e293b;
    --kroxia-text-muted: #64748b;
    --kroxia-border-color: #e2e8f0;
    --kroxia-shadow: 0 4px 20px rgba(0,0,0,0.08);
}

*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    scroll-behavior: smooth;
    font-size: 16px;
}

body {
    font-family: var(--kroxia-font-primary);
    background-color: var(--kroxia-bg, #ffffff);
    color: var(--kroxia-text, #1e293b);
    line-height: 1.7;
    transition: background-color 0.3s ease, color 0.3s ease;
    overflow-x: hidden;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

a {
    text-decoration: none;
    color: inherit;
    transition: var(--kroxia-transition);
}

ul, ol {
    list-style: none;
}

.container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 24px;
}

.section-padding {
    padding: 100px 0;
}

.site-content {
    min-height: 60vh;
}