:root {
    --c-emerald-solid-1: light-dark(#13DD99, #11C086);
    --c-emerald-solid-2: #12CE90;
    --c-emerald-solid-3: light-dark(#10B77F, #14E6A0);

    --c-emerald-soft-1: light-dark(#ECFEF8, #03261A);
    --c-emerald-soft-2: light-dark(#D8FDF1, #043926);
    --c-emerald-soft-3: light-dark(#C0FCE9, #055136);
    --c-emerald-soft-4: light-dark(#A7FBE0, #076947);

    --c-emerald-text-1: light-dark(#0A7552, #13DD99);
    --c-emerald-text-2: light-dark(var(--c-emerald-text-1), #3AEEB2);
    --c-emerald-text-3: light-dark(#08593E, #064631);
    --c-emerald-text-4: black;

    --rgb-emerald-border: 8 94 65;
    --c-emerald-border-subtle: rgb(var(--rgb-emerald-border) / 0.18);
    --c-emerald-border-regular: rgb(var(--rgb-emerald-border) / 0.36);

    --c-emerald-outline: light-dark(#98B38F, #0A8F60);

    --c-emerald-1: light-dark(#0EA06F, #11C589);
    --c-emerald-2: light-dark(#6DF8CC, var(--c-emerald-soft-4));
    --c-emerald-3: light-dark(#0FAE79, var(--c-emerald-soft-4));
    --c-emerald-4: var(--c-emerald-soft-2);
}
:root.dark {
    --rgb-emerald-border: 138 245 209;
    --c-emerald-border-subtle: rgb(var(--rgb-emerald-border) / 0.20);
    --c-emerald-border-regular: rgb(var(--rgb-emerald-border) / 0.40);
}