/* YXWLED Design Tokens — V4 */
:root {
    /* Colors */
    --bg-dark:         #0A0A0A;
    --bg-card:         #141414;
    --bg-mid:          #1a1a1a;
    --accent:          #0066FF;
    --accent-hover:    #0052CC;
    --accent-orange:   #FF6B00;
    --text-primary:    #FFFFFF;
    --text-secondary:  #A0A0A0;
    --border:          #2A2A2A;
    --bg-white:        #FFFFFF;
    --bg-light:        #F7F9FC;
    --text-dark:       #1A1A1A;
    --text-mid:        #444444;

    /* Header */
    --header-bg:       linear-gradient(135deg, #0a1628 0%, #1a2744 100%);
    --header-height:   80px;
    --dropdown-bg:     linear-gradient(135deg, #0f1d32 0%, #1a2744 100%);

    /* Layout */
    --container:       1200px;
    --container-wide:  1400px;
    --section-pad:     100px 50px;
    --section-pad-sm:  60px 30px;

    /* Typography */
    --font-body:       'Inter', sans-serif;

    /* Transitions */
    --transition:      0.3s ease;
    --transition-fast: 0.2s ease;

    /* Border Radius */
    --radius-sm:   6px;
    --radius-md:   12px;
    --radius-lg:   16px;
    --radius-xl:   20px;
}