/**
 * Blue Apulia Design Tokens
 * Unica fonte di verità per tutti i token di design.
 * Questo file DEVE essere caricato prima di qualsiasi altro CSS del plugin.
 *
 * @package BlueApuliaChild
 */

:root {

    /* =========================================================
       BRAND COLORS
       ========================================================= */

    /* Colore principale: blu acciaio - bottoni, link, accenti interattivi */
    --ba-primary:          #7c9cb6;
    --ba-primary-hover:    #6a8a9f;
    --ba-primary-active:   #5a7a8f;
    --ba-primary-light:    #e8f0f5;   /* bg tint per badge, highlights */
    --ba-primary-rgb:      124, 156, 182; /* per rgba() */

    /* Colore secondario: blu scuro - titoli, heading principali */
    --ba-secondary:        #00448d;
    --ba-secondary-hover:  #003570;
    --ba-secondary-light:  #e6edf6;

    /* =========================================================
       STATUS COLORS
       ========================================================= */

    --ba-success:          #27ae60;
    --ba-success-hover:    #1e9651;
    --ba-success-light:    #e8f8ef;
    --ba-success-rgb:      39, 174, 96;

    --ba-warning:          #f39c12;
    --ba-warning-hover:    #d68910;
    --ba-warning-light:    #fef9e7;
    --ba-warning-rgb:      243, 156, 18;

    --ba-danger:           #e74c3c;
    --ba-danger-hover:     #c0392b;
    --ba-danger-light:     #fdf2f1;
    --ba-danger-rgb:       231, 76, 60;

    --ba-info:             #7c9cb6;   /* usa primary, evita un quarto blu */
    --ba-info-light:       #e8f0f5;

    /* =========================================================
       NEUTRALS / GRAYS
       ========================================================= */

    --ba-gray-50:          #f8f9fa;
    --ba-gray-100:         #f0f2f4;
    --ba-gray-200:         #e4e6ea;
    --ba-gray-300:         #d0d3d8;
    --ba-gray-400:         #b0b5bc;
    --ba-gray-500:         #8c9199;
    --ba-gray-600:         #6c727a;
    --ba-gray-700:         #4a5057;
    --ba-gray-800:         #2d3238;
    --ba-gray-900:         #1a1e22;

    /* =========================================================
       SEMANTIC TEXT
       ========================================================= */

    --ba-text-primary:     #2c3e50;
    --ba-text-secondary:   #6c727a;
    --ba-text-muted:       #8c9199;
    --ba-text-inverted:    #ffffff;
    --ba-text-link:        #7c9cb6;
    --ba-text-link-hover:  #5a7a8f;

    /* =========================================================
       SEMANTIC BACKGROUNDS
       ========================================================= */

    --ba-bg-white:         #ffffff;
    --ba-bg-light:         #f8f9fa;
    --ba-bg-subtle:        #f0f2f4;
    --ba-bg-hover:         #e8f0f5;

    /* =========================================================
       BORDERS
       ========================================================= */

    --ba-border:           #e4e6ea;
    --ba-border-light:     #f0f2f4;
    --ba-border-dark:      #d0d3d8;
    --ba-border-focus:     rgba(124, 156, 182, 0.5);

    /* =========================================================
       SHADOWS
       ========================================================= */

    --ba-shadow-xs:        0 1px 2px rgba(0, 0, 0, 0.05);
    --ba-shadow-sm:        0 2px 8px rgba(0, 0, 0, 0.06);
    --ba-shadow-md:        0 4px 16px rgba(0, 0, 0, 0.08);
    --ba-shadow-lg:        0 8px 32px rgba(0, 0, 0, 0.12);
    --ba-shadow-xl:        0 20px 60px rgba(0, 0, 0, 0.18);
    --ba-shadow-focus:     0 0 0 3px rgba(124, 156, 182, 0.35);

    /* =========================================================
       BORDER RADIUS
       ========================================================= */

    --ba-radius-xs:        3px;
    --ba-radius-sm:        6px;
    --ba-radius-md:        10px;
    --ba-radius-lg:        16px;
    --ba-radius-xl:        24px;
    --ba-radius-pill:      9999px;

    /* =========================================================
       TYPOGRAPHY
       ========================================================= */

    --ba-font-sans:        -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'SF Pro Display',
                           system-ui, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    --ba-font-display:     -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text',
                           system-ui, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    --ba-font-mono:        'SF Mono', 'Fira Code', 'Cascadia Code', Consolas, monospace;

    --ba-text-xs:          11px;
    --ba-text-sm:          13px;
    --ba-text-base:        14px;
    --ba-text-md:          15px;
    --ba-text-lg:          17px;
    --ba-text-xl:          20px;
    --ba-text-2xl:         24px;
    --ba-text-3xl:         30px;

    --ba-weight-normal:    400;
    --ba-weight-medium:    500;
    --ba-weight-semibold:  600;
    --ba-weight-bold:      700;

    --ba-leading-tight:    1.25;
    --ba-leading-normal:   1.5;
    --ba-leading-relaxed:  1.7;

    /* =========================================================
       SPACING
       ========================================================= */

    --ba-space-1:          4px;
    --ba-space-2:          8px;
    --ba-space-3:          12px;
    --ba-space-4:          16px;
    --ba-space-5:          20px;
    --ba-space-6:          24px;
    --ba-space-8:          32px;
    --ba-space-10:         40px;
    --ba-space-12:         48px;
    --ba-space-16:         64px;

    /* =========================================================
       TRANSITIONS
       ========================================================= */

    --ba-transition-fast:  all 0.15s ease;
    --ba-transition:       all 0.2s ease;
    --ba-transition-slow:  all 0.35s ease;

    /* =========================================================
       Z-INDEX
       ========================================================= */

    --ba-z-dropdown:       100;
    --ba-z-sticky:         200;
    --ba-z-modal:          1000;
    --ba-z-toast:          1100;
    --ba-z-tooltip:        1200;

}