/**
 * Netrodent Theme CSS Variables
 * 
 * This file contains all CSS custom properties (variables) used throughout
 * the Elementor widgets. It's loaded only in the Elementor editor to provide
 * theme colors and design tokens without affecting the editor UI.
 *
 * @package    Netrobit_Core
 * @since      1.0.0
 */

:root {
	/* Primary Colors */
	--netrodent-primary: #161A2D;
	--netrodent-primary-color: #161A2D;
	--netrodent-primary-dark: #0d0f1a;
	--netrodent-primary-light: #2a2e45;
	--netrodent-primary-lighter: #3e4259;
	--netrodent-primary-lightest: #e8e9ed;
	
	/* Secondary Colors */
	--netrodent-secondary: #F2F7FF;
	--netrodent-secondary-color: #F2F7FF;
	--netrodent-secondary-dark: #d9e7ff;
	--netrodent-secondary-light: #ffffff;
	
	/* Accent Colors */
	--netrodent-accent: #316DFF;
	--netrodent-accent-color: #316DFF;
	--netrodent-accent-hover: #1a5ae8;
	--netrodent-accent-light: #5d8bff;
	--netrodent-accent-lighter: #a3bcff;
	--netrodent-accent-lightest: #e6ecff;
	
	/* Text Colors */
	--netrodent-text: #626467;
	--netrodent-text-color: #626467;
	--netrodent-text-light: #8c8e91;
	--netrodent-text-lighter: #b6b7b9;
	--netrodent-text-dark: #161A2D;
	
	/* Heading Colors */
	--netrodent-heading-color: #161A2D;
	
	/* Link Colors */
	--netrodent-link-color: #316DFF;
	--netrodent-link-hover: #1a5ae8;
	--netrodent-link-active: #0d45cc;
	--netrodent-link-visited: #2558d6;
	
	/* Success, Warning, Error */
	--netrodent-success-color: #28a745;
	--netrodent-success-light: #d4edda;
	--netrodent-warning-color: #ffc107;
	--netrodent-warning-light: #fff3cd;
	--netrodent-error-color: #dc3545;
	--netrodent-error-light: #f8d7da;
	--netrodent-info-color: #316DFF;
	--netrodent-info-light: #e6ecff;
	
	/* Background Colors */
	--netrodent-background-color: #ffffff;
	--netrodent-background-light: #F2F7FF;
	--netrodent-background-lighter: #fafcff;
	--netrodent-background-dark: #f5f5f5;
	--netrodent-background-darker: #e9ecef;
	
	/* Border Colors */
	--netrodent-border-color: #e0e0e0;
	--netrodent-border-light: #f0f0f0;
	--netrodent-border-dark: #cccccc;
	
	/* Overlay Colors */
	--netrodent-overlay-light: rgba(22, 26, 45, 0.05);
	--netrodent-overlay-medium: rgba(22, 26, 45, 0.15);
	--netrodent-overlay-dark: rgba(22, 26, 45, 0.5);
	--netrodent-overlay-darker: rgba(22, 26, 45, 0.75);
	
	/* White & Black */
	--netrodent-white: #ffffff;
	--netrodent-black: #000000;
	
	/* Shadow Colors */
	--netrodent-shadow-light: rgba(22, 26, 45, 0.1);
	--netrodent-shadow-medium: rgba(22, 26, 45, 0.15);
	--netrodent-shadow-dark: rgba(22, 26, 45, 0.25);
	
	/* Gradients */
	--netrodent-gradient-primary: linear-gradient(135deg, #316DFF 0%, #161A2D 100%);
	--netrodent-gradient-light: linear-gradient(135deg, #F2F7FF 0%, #ffffff 100%);
	--netrodent-gradient-accent: linear-gradient(135deg, #5d8bff 0%, #316DFF 100%);
	
	/* Transitions */
	--netrodent-transition-fast: 0.15s ease;
	--netrodent-transition-base: 0.3s ease;
	--netrodent-transition-slow: 0.5s ease;
	
	/* Border Radius */
	--netrodent-border-radius-xs: 3px;
	--netrodent-border-radius-sm: 4px;
	--netrodent-border-radius-md: 8px;
	--netrodent-border-radius-lg: 12px;
	--netrodent-border-radius-xl: 16px;
	--netrodent-border-radius-round: 50%;
	
	/* Spacing */
	--netrodent-spacing-xs: 4px;
	--netrodent-spacing-sm: 8px;
	--netrodent-spacing-md: 16px;
	--netrodent-spacing-lg: 24px;
	--netrodent-spacing-xl: 32px;
	--netrodent-spacing-2xl: 48px;
	--netrodent-spacing-3xl: 64px;
	
	/* Font Sizes */
	--netrodent-font-size-xs: 12px;
	--netrodent-font-size-sm: 14px;
	--netrodent-font-size-base: 16px;
	--netrodent-font-size-lg: 18px;
	--netrodent-font-size-xl: 20px;
	--netrodent-font-size-2xl: 24px;
	--netrodent-font-size-3xl: 32px;
	--netrodent-font-size-4xl: 40px;
	--netrodent-font-size-5xl: 48px;
	
	/* Font Weights */
	--netrodent-font-weight-light: 300;
	--netrodent-font-weight-normal: 400;
	--netrodent-font-weight-medium: 500;
	--netrodent-font-weight-semibold: 600;
	--netrodent-font-weight-bold: 700;
	--netrodent-font-weight-extrabold: 800;
	
	/* Line Heights */
	--netrodent-line-height-tight: 1.25;
	--netrodent-line-height-normal: 1.5;
	--netrodent-line-height-relaxed: 1.75;
	--netrodent-line-height-loose: 2;
	
	/* Z-Index */
	--netrodent-z-index-dropdown: 1000;
	--netrodent-z-index-sticky: 1020;
	--netrodent-z-index-fixed: 1030;
	--netrodent-z-index-modal-backdrop: 1040;
	--netrodent-z-index-modal: 1050;
	--netrodent-z-index-popover: 1060;
	--netrodent-z-index-tooltip: 1070;
}