.les {

    /* ====== Colors ===== */

    /* ----- Primary Palette ----- */
    --les-color-primary-50:  #fefce8;
    --les-color-primary-100: #fff9c2;
    --les-color-primary-200: #ffef87;
    --les-color-primary-300: #ffdf43;
    --les-color-primary-400: #ffc809;
    --les-color-primary-500: #efb103;
    --les-color-primary-600: #ce8700;
    --les-color-primary-700: #a45f04;
    --les-color-primary-800: #884a0b;
    --les-color-primary-900: #733d10;
    --les-color-primary-950: #431f05;

    /* ----- Accent Palette ----- */
    --les-color-accent-50:  #f8f6f9;
    --les-color-accent-100: #f4eef5;
    --les-color-accent-200: #ebdeec;
    --les-color-accent-300: #dcc3de;
    --les-color-accent-400: #c69ec8;
    --les-color-accent-500: #ad73ae;
    --les-color-accent-600: #9f639d;
    --les-color-accent-700: #865082;
    --les-color-accent-800: #70446d;
    --les-color-accent-900: #5f3c5c;
    --les-color-accent-950: #381f36;

    /* ----- Neutral Palette ----- */
    --les-color-neutral-0:   #ffffff;
    --les-color-neutral-50:  #f7f7f8;
    --les-color-neutral-100: #edeff1;
    --les-color-neutral-200: #d7dbe0;
    --les-color-neutral-300: #b5bdc4;
    --les-color-neutral-400: #8d99a4;
    --les-color-neutral-500: #677582;
    --les-color-neutral-600: #596471;
    --les-color-neutral-700: #49525c;
    --les-color-neutral-800: #3e464e;
    --les-color-neutral-900: #363c44;
    --les-color-neutral-950: #24282d;

    /* ----- Secondary Palette ----- */
    --les-color-secondary-50:  #f3f7fc;
    --les-color-secondary-100: #e6eef8;
    --les-color-secondary-200: #c7dbf0;
    --les-color-secondary-300: #95bee4;
    --les-color-secondary-400: #5c39bd4;
    --les-color-secondary-500: #3477b4;
    --les-color-secondary-600: #2764a2;
    --les-color-secondary-700: #215083;
    --les-color-secondary-800: #1f456d;
    --les-color-secondary-900: #1f3b5b;
    --les-color-secondary-950: #14263d;


    /* Theme colors */
    --color-content-border: var(--les-border-color);
}