.eba-dash {
    --dash-ink: #17344e;
    --dash-muted: #5c7182;
    --dash-surface: #ffffff;
    --dash-canvas: #f3f8fc;
    --dash-border: #dceaf4;
    --dash-blue: #3f88c5;
    --dash-blue-deep: #164a76;
    --dash-blue-wash: #e8f3fc;
    --dash-teal: #138c92;
    --dash-teal-wash: #e3f7f4;
    --dash-violet: #7363bf;
    --dash-violet-wash: #efedfb;
    --dash-coral: #d9534f;
    --dash-coral-wash: #fcecea;
    --dash-white: #ffffff;
    --dash-hero-muted: #d7eaf8;
    --dash-hero-glass: #ffffff1a;
    --dash-shadow: 0 1rem 2.5rem #1e578015;
    --dash-shadow-hover: 0 1.5rem 3rem #1e578026;
    --dash-radius: 1.35rem;
    --dash-space-1: .5rem;
    --dash-space-2: .875rem;
    --dash-space-3: 1.25rem;
    --dash-space-4: 1.75rem;
    --dash-space-5: 2.5rem;
    --dash-motion: 240ms cubic-bezier(.2,.8,.2,1);
}

.eba-dash--dark {
    --dash-ink: #eef6fc;
    --dash-muted: #adc3d4;
    --dash-surface: #183247;
    --dash-canvas: #102839;
    --dash-border: #355269;
    --dash-blue-wash: #234765;
    --dash-teal-wash: #20494d;
    --dash-violet-wash: #3b395e;
    --dash-coral-wash: #563b3f;
    --dash-shadow: 0 1rem 2.5rem #05162247;
    --dash-shadow-hover: 0 1.5rem 3rem #05162270;
}