*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

/* COLORS */
:root {
    --violet:    #7C3AED;
    --violet-lt: #A78BFA;
    --violet-dk: #5B21B6;
    --amber:     #F59E0B;
    --amber-light:  #FDE68A;
    --green:     #10B981;
    --dark:      #0F172A;
    --mid:       #1E293B;
    --muted:     #64748B;
    --surface:   #1E293B;
    --border:    rgba(255,255,255,0.08);
    --border-focus: rgba(167,139,250,0.6);
    --text:      #F1F5F9;
    --text-soft: #94A3B8;
    --red:       #EF4444;
    --surface-2: #263348;
}