/*
Theme Name: UI Agency
Theme URI: https://uiagency.com
Author: UI Agency
Author URI: https://uiagency.com
Description: Modern WordPress theme with GSAP animations, glassmorphism design, and RTL support. Perfect for tech companies, digital agencies, and startups.
Version: 2.1
Requires at least: 5.8
Tested up to: 6.4
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: ui-agency
Tags: one-column, custom-menu, featured-images, rtl-language-support, translation-ready, custom-logo

UI Agency WordPress Theme, Copyright 2025
UI Agency is distributed under the terms of the GNU GPL
*/

:root {
    font-size: 16px;
    
    /* Colors */
    --primary-color: #924DFF;
    --primary-hover: #a366ff;
    --secondary-color: #B06CFF;
    --background: #130032;
    --text-primary: #ffffff;
    --text-secondary: rgba(255, 255, 255, 0.85);
    
    /* Glass effect */
    --glass-border: rgba(255, 255, 255, 0.09);
    --glass-bg: rgba(255, 255, 255, 0.12);
    
    /* Shadows */
    --shadow-button: 0 0.5rem 1.5rem rgba(146, 77, 255, 0.3);
    --shadow-button-hover: 0 0.75rem 2rem rgba(146, 77, 255, 0.4);
    
    /* Transitions */
    --transition-fast: 0.5s;
    --transition-medium: 0.8s;
    --transition-slow: 1.2s;
}

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

body {
    font-family: 'Noto Sans Hebrew', sans-serif;
    background: var(--background);
    color: var(--text-primary);
    overflow-x: hidden;
    min-height: 100vh;
}

/* WordPress Core Styles */
.alignnone {
    margin: 0.3125rem 1.25rem 1.25rem 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 0.3125rem auto 1.25rem;
}

.alignright {
    float: right;
    margin: 0.3125rem 0 1.25rem 1.25rem;
}

.alignleft {
    float: left;
    margin: 0.3125rem 1.25rem 1.25rem 0;
}

.wp-caption {
    max-width: 100%;
}

.wp-caption-text {
    text-align: center;
    padding: 0.625rem 0;
}

/* Screen reader text */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}