Generated by SassMeister.com.

input.scss

$accents: (
    primary: --color-big-sky-500,
    spotlight: --color-aruba-500,
    warning: --color-yellow-500,
    danger: --color-cardinal-500,
    info: --color-scarlet-500
);

.card-accent {
    @each $name, $color in $accents {
        &-#{$name}-top {
            --vds-card-border-color: var(#{$color});
            border-top-width: var(--vds-card-border-top-width);
        }
        &-#{$name}-start {
            --vds-card-border-color: var(#{$color});
            border-left-width: var(--vds-card-border-top-width);
        }
    }
}

output.css

.card-accent-primary-top {
  --vds-card-border-color: var(--color-big-sky-500);
  border-top-width: var(--vds-card-border-top-width);
}
.card-accent-primary-start {
  --vds-card-border-color: var(--color-big-sky-500);
  border-left-width: var(--vds-card-border-top-width);
}
.card-accent-spotlight-top {
  --vds-card-border-color: var(--color-aruba-500);
  border-top-width: var(--vds-card-border-top-width);
}
.card-accent-spotlight-start {
  --vds-card-border-color: var(--color-aruba-500);
  border-left-width: var(--vds-card-border-top-width);
}
.card-accent-warning-top {
  --vds-card-border-color: var(--color-yellow-500);
  border-top-width: var(--vds-card-border-top-width);
}
.card-accent-warning-start {
  --vds-card-border-color: var(--color-yellow-500);
  border-left-width: var(--vds-card-border-top-width);
}
.card-accent-danger-top {
  --vds-card-border-color: var(--color-cardinal-500);
  border-top-width: var(--vds-card-border-top-width);
}
.card-accent-danger-start {
  --vds-card-border-color: var(--color-cardinal-500);
  border-left-width: var(--vds-card-border-top-width);
}
.card-accent-info-top {
  --vds-card-border-color: var(--color-scarlet-500);
  border-top-width: var(--vds-card-border-top-width);
}
.card-accent-info-start {
  --vds-card-border-color: var(--color-scarlet-500);
  border-left-width: var(--vds-card-border-top-width);
}

settings.json

{
  "sass": {
    "compiler": "dart-sass/1.32.12",
    "extensions": {},
    "syntax": "SCSS",
    "outputStyle": "expanded"
  },
  "autoprefixer": true
}