/*
Theme Name: XELTR
Theme URI: https://xeltr.com
Author: XELTR
Author URI: https://xeltr.com
Description: A premium liquid glass WordPress theme for XELTR digital agency. Features glassmorphism design, GSAP animations, and full Elementor Pro compatibility with custom widgets.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
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: xeltr
Tags: custom-background, custom-logo, custom-menu, elementor, full-width-template, one-column, two-columns

XELTR — Everything Digital. Done Right.
*/

/* ========================================================================
   Design Tokens (CSS Custom Properties)
   ======================================================================== */
:root {
    /* Primary Palette */
    --xeltr-primary: #0131e8;
    --xeltr-primary-container: #3351ff;
    --xeltr-primary-fixed: #dfe0ff;
    --xeltr-primary-fixed-dim: #bbc3ff;
    --xeltr-on-primary: #ffffff;
    --xeltr-on-primary-container: #e5e6ff;
    --xeltr-on-primary-fixed: #000e5e;
    --xeltr-on-primary-fixed-variant: #002bd0;
    --xeltr-inverse-primary: #bbc3ff;

    /* Secondary Palette */
    --xeltr-secondary: #5b3cdd;
    --xeltr-secondary-container: #7459f7;
    --xeltr-secondary-fixed: #e5deff;
    --xeltr-secondary-fixed-dim: #c9bfff;
    --xeltr-on-secondary: #ffffff;
    --xeltr-on-secondary-container: #fffbff;
    --xeltr-on-secondary-fixed: #1a0063;
    --xeltr-on-secondary-fixed-variant: #441cc8;

    /* Tertiary Palette */
    --xeltr-tertiary: #4f429b;
    --xeltr-tertiary-container: #685bb6;
    --xeltr-tertiary-fixed: #e5deff;
    --xeltr-tertiary-fixed-dim: #c8bfff;
    --xeltr-on-tertiary: #ffffff;
    --xeltr-on-tertiary-container: #ebe4ff;
    --xeltr-on-tertiary-fixed: #1a0064;
    --xeltr-on-tertiary-fixed-variant: #463891;

    /* Surface Palette */
    --xeltr-surface: #f9f9ff;
    --xeltr-surface-dim: #d2daf0;
    --xeltr-surface-bright: #f9f9ff;
    --xeltr-surface-container-lowest: #ffffff;
    --xeltr-surface-container-low: #f1f3ff;
    --xeltr-surface-container: #e8edff;
    --xeltr-surface-container-high: #e0e8fe;
    --xeltr-surface-container-highest: #dbe2f8;
    --xeltr-surface-variant: #dbe2f8;
    --xeltr-surface-tint: #2545f5;
    --xeltr-on-surface: #131c2b;
    --xeltr-on-surface-variant: #444656;
    --xeltr-inverse-surface: #283041;
    --xeltr-inverse-on-surface: #edf0ff;
    --xeltr-background: #f9f9ff;
    --xeltr-on-background: #131c2b;

    /* Outline */
    --xeltr-outline: #757688;
    --xeltr-outline-variant: #c4c5d9;

    /* Error */
    --xeltr-error: #ba1a1a;
    --xeltr-error-container: #ffdad6;
    --xeltr-on-error: #ffffff;
    --xeltr-on-error-container: #93000a;

    /* Typography */
    --xeltr-font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

    /* Spacing */
    --xeltr-space-1: 0.25rem;
    --xeltr-space-2: 0.5rem;
    --xeltr-space-3: 0.75rem;
    --xeltr-space-4: 1rem;
    --xeltr-space-5: 1.25rem;
    --xeltr-space-6: 1.5rem;
    --xeltr-space-8: 2rem;
    --xeltr-space-10: 2.5rem;
    --xeltr-space-12: 3rem;
    --xeltr-space-16: 4rem;
    --xeltr-space-20: 5rem;
    --xeltr-space-24: 6rem;
    --xeltr-space-32: 8rem;

    /* Border Radius */
    --xeltr-radius-sm: 0.25rem;
    --xeltr-radius-md: 0.5rem;
    --xeltr-radius-lg: 0.75rem;
    --xeltr-radius-xl: 1rem;
    --xeltr-radius-2xl: 1.5rem;
    --xeltr-radius-3xl: 2rem;
    --xeltr-radius-4xl: 2.5rem;
    --xeltr-radius-full: 9999px;

    /* Transitions */
    --xeltr-ease-smooth: cubic-bezier(0.2, 0.8, 0.2, 1);
    --xeltr-ease-bounce: cubic-bezier(0.25, 1, 0.5, 1);
    --xeltr-duration-fast: 200ms;
    --xeltr-duration-normal: 400ms;
    --xeltr-duration-slow: 600ms;
    --xeltr-duration-reveal: 900ms;
}