/**
 * LaborLawCenter Design Tokens
 * Extracted from Magento 2 Porto Child Theme (_variables.less)
 *
 * @package LaborLawCenter
 * @version 1.0.0
 */

:root {
    /* ── Brand Colors ────────────────────────────────── */
    --llc-brand-blue:     #25386A;
    --llc-blue:           #2C4CA5;
    --llc-light-blue:     #3B82F6;
    --llc-brand-orange:   #FF7C0F;
    --llc-light-orange:   #FF8F33;
    --llc-brand-gray:     #4B5368;

    /* ── Extended Palette ────────────────────────────── */
    --llc-dark-blue:      #071538;
    --llc-blue-0285bd:    #0285bd;
    --llc-blue-e6f2ff:    #e6f2ff;
    --llc-blue-223c80:    #223c80;
    --llc-blue-5185bd:    #5185bd;
    --llc-orange-ff752c:  #ff752c;
    --llc-orange-f16b00:  #f16b00;

    /* ── Neutrals ────────────────────────────────────── */
    --llc-white:          #ffffff;
    --llc-black:          #000000;
    --llc-light-gray:     #F8F9FC;
    --llc-gray-eee:       #eeeeee;
    --llc-gray-d1d1d1:    #d1d1d1;
    --llc-gray-ccc:       #cccccc;
    --llc-gray-e4e4e4:    #e4e4e4;
    --llc-gray-777:       #777777;
    --llc-gray-333:       #333333;
    --llc-gray-0a1736:    #0a1736;
    --llc-gray-bbb:       #bbbbbb;
    --llc-border-color:   #DCDFE5;
    --llc-cms-heading:    #236bad;
    --llc-orange:         #d4630b;

    /* ── Success / Error / Warning ───────────────────── */
    --llc-success:        #81aa40;
    --llc-error:          #eb340a;
    --llc-warning:        #f48220;

    /* ── Typography ──────────────────────────────────── */
    --llc-font-regular:   'Manrope', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    --llc-font-medium:    'Manrope-Medium', 'Manrope', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    --llc-font-semibold:  'Manrope-SemiBold', 'Manrope', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    --llc-font-bold:      'Manrope-Bold', 'Manrope', 'Helvetica Neue', Helvetica, Arial, sans-serif;

    --llc-font-xs:        12px;
    --llc-font-sm:        14px;
    --llc-font-base:      16px;
    --llc-font-lg:        20px;
    --llc-font-xl:        24px;
    --llc-font-xxl:       34px;
    --llc-line-height:    1.5;

    /* ── Spacing ─────────────────────────────────────── */
    --llc-section-gap:    20px;
    --llc-container:      1080px;

    /* ── Border Radius ───────────────────────────────── */
    --llc-radius-sm:      4px;
    --llc-radius-md:      8px;
    --llc-radius-lg:      16px;
    --llc-radius-full:    50%;

    /* ── Shadows ─────────────────────────────────────── */
    --llc-shadow-sm:      0 1px 3px rgba(0,0,0,0.08);
    --llc-shadow-md:      0 4px 12px rgba(0,0,0,0.1);
    --llc-shadow-lg:      0 8px 30px rgba(0,0,0,0.12);

    /* ── Transitions ─────────────────────────────────── */
    --llc-transition:     all 0.2s ease;
    --llc-transition-slow: all 0.3s ease;

    /* ── Z-Index Layers ──────────────────────────────── */
    --llc-z-dropdown:     100;
    --llc-z-sticky:       200;
    --llc-z-overlay:      300;
    --llc-z-modal:        400;
    --llc-z-tooltip:      500;

    /* ── Breakpoints (for reference in JS) ───────────── */
    /* 374px, 425px, 767px, 991px, 1199px */
}