Shorthand to assign variant depending values to variables

[fweth]

Some shorthand to variant depending values to variables would be nice, so instead of

@layer base {
  :root {
    --layout-pad: 84px;
    --layout-w: calc(100vw - 2 * var(--layout-pad));
    --layout-col-w: var(--layout-w);
  }
  @variant md {
    :root {
      --layout-pad: 104px;
      --layout-gap: 40px;
      --layout-col-w: calc((var(--layout-w) - var(--layout-gap)) / 2);
    }
  }
  @variant lg {
    :root {
      --layout-gap: 64px;
      --layout-col-w: calc((var(--layout-w) - 2 * var(--layout-gap)) / 3);
    }
  }
}

It would be cool if I could do something like

@layer base {
  :root {
    --layout-pad: 84px @md(104px);
    --layout-w: calc(100vw - 2 * var(--layout-pad)) @md(calc((var(--layout-w) - var(--layout-gap)) / 2)) @lg(calc((var(--layout-w) - 2 * var(--layout-gap)) / 3));
    --layout-gap: @md(40px) @lg(64px);
    ...
  }
}

OK, maybe not the best example, here I would even prefer the original syntax more. But for shorter values, it could be nice to group them all together.