/*
 * Byte-Networks Cart — Shadow DOM CSS-Variablen
 * Überschreibt die Farben der Nexus Cart React-App
 */
:host, :root {
    --vl-primary:           #0066cc;
    --vl-primary-lifted:    #0077ee;
    --vl-primary-accented:  #eff6ff;

    --vl-secondary:         #0a2a5e;
    --vl-secondary-lifted:  #0d3a80;
    --vl-secondary-accented:#dbeafe;

    --vl-success:           #22c55e;
    --vl-success-lifted:    #16a34a;
    --vl-success-accented:  #f0fdf4;

    --vl-warning:           #f59e0b;
    --vl-warning-lifted:    #d97706;
    --vl-warning-accented:  #fffbeb;

    --vl-error:             #ef4444;
    --vl-error-lifted:      #dc2626;
    --vl-error-accented:    #fef2f2;

    --vl-neutral:           #64748b;
    --vl-neutral-lifted:    #475569;
    --vl-neutral-accented:  #f8faff;

    --vl-text:              #1e293b;
    --vl-text-muted:        #94a3b8;
    --vl-text-lifted:       #475569;
    --vl-text-accented:     #334155;
    --vl-text-inverted:     #ffffff;

    --vl-border:            #e2e8f0;
    --vl-border-muted:      #f0f4f9;
    --vl-border-lifted:     #cbd5e1;
    --vl-border-accented:   #93c5fd;

    --vl-bg:                #f0f4f9;
    --vl-bg-muted:          #f8faff;
    --vl-bg-lifted:         #ffffff;
    --vl-bg-accented:       #eff6ff;
    --vl-bg-inverted:       #0d1117;

    --vl-text-xs:           0.72rem;
    --vl-text-sm:           0.875rem;
    --vl-text-md:           1rem;
    --vl-text-lg:           1.15rem;

    --vl-rounding-sm:       8px;
    --vl-rounding-md:       12px;
    --vl-rounding-lg:       16px;

    --vl-letter-spacing:    -0.01em;
}