:root {
    --ds-background: var(--ds-black-primary);
    --ds-text-primary: var(--ds-white);
    --ds-indexRow: var(--ds-gray-secondary);
    --ds-tokenNameField: var(--ds-dijon);
    --ds-mono: var(--ds-white);
    --ds-rowBB: var(--ds-gray-secondary);
    --ds-dl-btn: var(--ds-pink);
    --ds-dl-btn-hover: var(--ds-secondary-yellow);
    --ds-navmenu: var(--ds-gray-dark);


    --ex1-background: var(--ds-ex1-gray100);
    --ex1-layer1: var(--ds-ex1-gray90);
    --ex1-layer2: var(--ds-ex1-gray80);
    --ex1-layer3: var(--ds-ex1-gray70);

    /* --ex2-background: var(--ds-black);
    --ex2-layer1: var(--ds-ex1-gray90);
    --ex2-layer2: var(--ds-ex1-gray80--ds-ex2-gray50);
    --ex2-layer3: var(--ds-ex1-gray70);
    --ex2-border-subtle-2: var(--ds-ex2-gray50);
    --ex2-border-subtle-3: var(--ds-ex2-gray50);
    --ex2-border-subtle-1: var(--ds-ex1-gray70);
    --ex2-border-subtle: var(--ds-ex1-gray70); */
    
    --ex2-text-secondary: var(--ds-ex1-gray70);
    --ex2-background-01: var(--ds-ex2-gray100);
    --ex2-layer-01: var(--ds-ex2-gray90);
    --ex2-border-strong-01: var(--ds-ex2-gray60);
    --ex2-border-subtle-01: var(--ds-ex2-gray70);
    --ex2-layer-accent-01: var(--ds-ex2-gray80);
    --ex2-field-02: var(--ds-ex2-gray80);
    --ex2-layer-02: var(--ds-ex2-gray80);
    --ex2-border-strong-02: var(--ds-ex2-gray50);
    --ex2-border-subtle-02: var(--ds-ex2-gray60);
    --ex2-field-03: var(--ds-ex2-gray70);
    --ex2-border-strong-03: var(--ds-ex2-gray40);
    --ex2-layer-03: var(--ds-ex2-gray70);
    --ex2-layer-hover-03: var(--ds-ex2-gray70-hover);
}