:root {
    --primary:       #1E4263;
    --primary-lt:    #4488AD;
    --primary-xlt:   #E3ECF4;
    --accent:        #E38A2B;
    --accent-lt:     #f0a041;
    --accent-dk:     #c9761f;
    --gold:          #E38A2B;

    --success:       #10B981;
    --success-lt:    #D1FAE5;
    --success-dk:    #065F46;
    --warning:       #F59E0B;
    --danger:        #EF4444;

    --bg:            #F4F7FA;
    --surface:       #FFFFFF;
    --text:          #12293E;
    --text-md:       #43474d;
    --text-sm:       #6B7C8E;
    --border:        #d7e0e9;

    --radius:        10px;
    --radius-lg:     18px;
    --radius-xl:     24px;
    --shadow-sm:     0 1px 4px rgba(30, 66, 99, .08);
    --shadow:        0 4px 20px rgba(30, 66, 99, .10);
    --shadow-lg:     0 12px 40px rgba(30, 66, 99, .16);
    --transition:    all .2s cubic-bezier(.4,0,.2,1);
}