:root{

    /* ==========================================
       CLIENT BRAND
    ========================================== */

    --primary:#513229;
    --cream:#F4F1E2;
    --sky:#D8EBF9;
    --sand:#FCE6B7;
    --sage:#D7D4B1;

    --yellow:#FCF2B7;
    --light-yellow:#F5FCB7;

    /* ==========================================
       UI COLORS
    ========================================== */

    --secondary:var(--sand);
    --accent:var(--sky);

    --background:var(--cream);
    --surface:#FFFFFF;

    --text-primary:var(--primary);
    --text-secondary:#6E625D;

    --white:#FFFFFF;

    /* ==========================================
       UI KIT
    ========================================== */

    --input-frame:url("../../images/ui/input/gold-luxury.png");
    /* ==========================================
      DASHBOARD PREMIUM
   ========================================== */

--dashboard-card-bg:url("../../images/ui/input/gold-luxury.png");

    --form-height:64px;

    --form-radius:40px;

    --transition:.35s ease;

    /* ==========================================
       SHADOWS
    ========================================== */

    --shadow-sm:0 5px 15px rgba(0,0,0,.05);

    --shadow-md:0 12px 30px rgba(0,0,0,.08);

    --shadow-lg:0 25px 60px rgba(0,0,0,.12);

    --shadow-gold:
        0 0 0 4px rgba(212,170,89,.18),
        0 10px 30px rgba(212,170,89,.12);

    /* ==========================================
       BORDER RADIUS
    ========================================== */

    --radius:24px;

}