/**
 * JRental Design System - Optimized Variables
 * 
 * Variabili CSS ottimizzate per dimensioni ridotte e massima riutilizzabilità
 * 
 * @package JRental_Management
 * @version 2.0.0
 */

:root {
  
  
  --jr-primary: #2563eb;
  --jr-primary-dark: #1d4ed8;
  --jr-primary-light: #3b82f6;
  --jr-secondary: #ea580c;
  --jr-secondary-dark: #c2410c;
  
  
  --jr-success: #16a34a;
  --jr-warning: #d97706;
  --jr-error: #dc2626;
  --jr-danger: #dc2626;
  --jr-danger-dark: #b91c1c;
  
  
  --jr-white: #ffffff;
  --jr-gray-50: #f9fafb;
  --jr-gray-100: #f3f4f6;
  --jr-gray-200: #e5e7eb;
  --jr-gray-300: #d1d5db;
  --jr-gray-600: #4b5563;
  --jr-gray-900: #111827;

  
  
  --jr-space: 1rem;     
  --jr-space-xs: calc(var(--jr-space) * 0.25);  
  --jr-space-sm: calc(var(--jr-space) * 0.5);   
  --jr-space-md: var(--jr-space);               
  --jr-space-lg: calc(var(--jr-space) * 1.5);   
  --jr-space-xl: calc(var(--jr-space) * 2);     

  
  
  --jr-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  --jr-text-sm: 0.875rem;
  --jr-text-base: 1rem;
  --jr-text-lg: 1.125rem;
  --jr-text-xl: 1.5rem;
  
  --jr-font-normal: 400;
  --jr-font-medium: 500;
  --jr-font-semibold: 600;

  
  
  --jr-radius: 0.375rem;
  --jr-radius-sm: 0.125rem;
  --jr-radius-lg: 0.5rem;
  
  --jr-shadow: 0 1px 3px rgba(0,0,0,0.1);
  --jr-shadow-lg: 0 4px 6px rgba(0,0,0,0.1);
  
  --jr-transition: 150ms ease;
  
  
  --jr-z-dropdown: 1000;
  --jr-z-modal: 1050;
}