:root:root {
    --brand: #6aa329;
    --brand-hover: color-mix(in oklab, #6aa329 85%, black);
    --brand-press: color-mix(in oklab, #6aa329 72%, black);
    --brand-soft: color-mix(in oklab, #6aa329 10%, white);
    --brand-soft-fg: color-mix(in oklab, #6aa329 80%, black);
    --ring: color-mix(in oklab, #6aa329 30%, transparent);
}
:root:root[data-theme='dark'],
:root:root.dark {
    --brand: color-mix(in oklab, #6aa329 55%, white);
    --brand-hover: color-mix(in oklab, #6aa329 45%, white);
    --brand-press: color-mix(in oklab, #6aa329 35%, white);
    --brand-soft: color-mix(in oklab, #6aa329 22%, transparent);
    --brand-soft-fg: color-mix(in oklab, #6aa329 55%, white);
    --ring: color-mix(in oklab, #6aa329 45%, transparent);
}