/**
 * JRental Design System - Canonical Design Tokens
 *
 * UNICA sorgente canonica dei custom properties `--jr-*`.
 * Consolida le palette precedentemente duplicate in:
 *   - variables-optimized.css (palette storica)
 *   - ui-components-optimized.part00.css (palette component-library, vincente al render)
 *   - design-tokens.css (vocabolario legacy, ora rimosso)
 *
 * I valori coincidono con quelli che vincevano la cascata a runtime
 * (component-library, allineata a WP-admin): questo file e' un no-op visivo.
 *
 * @package JRental_Management
 * @version 2.1.0
 */

:root {

    /* ===== Brand / Primary ===== */
    --jr-primary: #2271b1;
    --jr-primary-dark: #1d5f99;
    --jr-primary-light: #72aee6;
    --jr-primary-lightest: #e7f3ff;

    /* ===== Secondary (legacy, ancora consumato) ===== */
    --jr-secondary: #ea580c;
    --jr-secondary-dark: #c2410c;

    /* ===== Stati semantici ===== */
    --jr-success: #00a32a;
    --jr-success-dark: #007c20;
    --jr-success-light: #4ab866;
    --jr-success-lightest: #d4edda;

    --jr-warning: #dba617;
    --jr-warning-dark: #b8920d;
    --jr-warning-light: #f0c33c;
    --jr-warning-lightest: #fff3cd;

    --jr-danger: #d63638;
    --jr-danger-dark: #b32d2e;
    --jr-danger-light: #e06b6d;
    --jr-danger-lightest: #f8d7da;

    /* Alias storico: error == danger */
    --jr-error: #d63638;

    --jr-info: #72aee6;
    --jr-info-dark: #0073aa;
    --jr-info-light: #a7c6ed;
    --jr-info-lightest: #e7f3ff;

    /* ===== Neutri / grigi ===== */
    --jr-white: #ffffff;

    /* Scala neutra (component-library) */
    --jr-neutral-50: #f9f9f9;
    --jr-neutral-100: #f6f7f7;
    --jr-neutral-200: #e5e5e5;
    --jr-neutral-300: #d1d1d1;
    --jr-neutral-400: #b5b5b5;
    --jr-neutral-500: #999999;
    --jr-neutral-600: #666666;
    --jr-neutral-700: #404040;
    --jr-neutral-800: #262626;
    --jr-neutral-900: #0a0a0a;

    /* Scala gray storica (ancora consumata da base/forms/altri) */
    --jr-gray-50: #f9fafb;
    --jr-gray-100: #f3f4f6;
    --jr-gray-200: #e5e7eb;
    --jr-gray-300: #d1d5db;
    --jr-gray-600: #4b5563;
    --jr-gray-900: #111827;

    /* ===== Superfici / sfondi ===== */
    --jr-bg-primary: #ffffff;
    --jr-bg-secondary: #f6f7f7;
    --jr-bg-tertiary: #f0f0f1;

    /* ===== Bordi ===== */
    --jr-border: #c3c4c7;
    --jr-border-light: #e1e1e1;
    --jr-border-dark: #8c8f94;

    /* ===== Testo ===== */
    --jr-text-primary: #1d2327;
    --jr-text-secondary: #3c434a;
    --jr-text-muted: #646970;
    --jr-text-light: #8c8f94;

    /* ===== Spaziatura ===== */
    --jr-space: 1rem;
    --jr-space-xs: 0.25rem;
    --jr-space-sm: 0.5rem;
    --jr-space-md: 0.75rem;
    --jr-space-lg: 1rem;
    --jr-space-xl: 1.5rem;
    --jr-space-2xl: 2rem;
    --jr-space-3xl: 3rem;

    /* ===== Tipografia ===== */
    --jr-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;

    /* Scala dimensioni storica (--jr-text-*) */
    --jr-text-sm: 0.875rem;
    --jr-text-base: 1rem;
    --jr-text-lg: 1.125rem;
    --jr-text-xl: 1.5rem;

    /* Scala dimensioni component-library (--jr-font-*) */
    --jr-font-xs: 0.75rem;
    --jr-font-sm: 0.875rem;
    --jr-font-base: 1rem;
    --jr-font-lg: 1.125rem;
    --jr-font-xl: 1.25rem;
    --jr-font-2xl: 1.5rem;
    --jr-font-3xl: 1.875rem;

    /* Pesi */
    --jr-font-normal: 400;
    --jr-font-medium: 500;
    --jr-font-semibold: 600;

    /* ===== Raggi ===== */
    --jr-radius: 0.375rem;
    --jr-radius-sm: 0.25rem;
    --jr-radius-md: 0.375rem;
    --jr-radius-lg: 0.5rem;
    --jr-radius-xl: 0.75rem;
    --jr-radius-2xl: 1rem;
    --jr-radius-full: 9999px;

    /* ===== Ombre ===== */
    --jr-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    --jr-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --jr-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --jr-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    --jr-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    --jr-shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);

    /* ===== Transizioni ===== */
    --jr-transition: 150ms ease;
    --jr-transition-fast: 0.15s ease;
    --jr-transition-normal: 0.3s ease;
    --jr-transition-slow: 0.5s ease;

    /* ===== Z-index ===== */
    --jr-z-dropdown: 1000;
    --jr-z-modal: 1050;

    /* ===== Compatibilita': token legacy senza fallback ===== */
    /* In precedenza definiti solo in design-tokens.css (mai caricato): */
    /* mappati ai token canonici per ripristinare lo stile previsto.     */
    --jr-border-color: var(--jr-border);
    --jr-bg-light: var(--jr-bg-secondary);
    --jr-bg-white: var(--jr-bg-primary);
    --jr-bg-disabled: var(--jr-neutral-100);
    --jr-text-disabled: var(--jr-text-light);
    --jr-font-md: var(--jr-font-base);
    --jr-error-600: var(--jr-danger);
    --jr-transition-base: var(--jr-transition);
}