/* Brand book swatches. Generated by scripts/build_brand.py. */
.sw-cobalt-50 { background: var(--ko-cobalt-50); }
.sw-cobalt-100 { background: var(--ko-cobalt-100); }
.sw-cobalt-200 { background: var(--ko-cobalt-200); }
.sw-cobalt-300 { background: var(--ko-cobalt-300); }
.sw-cobalt-400 { background: var(--ko-cobalt-400); }
.sw-cobalt-500 { background: var(--ko-cobalt-500); }
.sw-cobalt-600 { background: var(--ko-cobalt-600); }
.sw-cobalt-700 { background: var(--ko-cobalt-700); }
.sw-cobalt-800 { background: var(--ko-cobalt-800); }
.sw-cobalt-900 { background: var(--ko-cobalt-900); }
.sw-cobalt-950 { background: var(--ko-cobalt-950); }
.sw-iron-50 { background: var(--ko-iron-50); }
.sw-iron-100 { background: var(--ko-iron-100); }
.sw-iron-200 { background: var(--ko-iron-200); }
.sw-iron-300 { background: var(--ko-iron-300); }
.sw-iron-400 { background: var(--ko-iron-400); }
.sw-iron-500 { background: var(--ko-iron-500); }
.sw-iron-600 { background: var(--ko-iron-600); }
.sw-iron-700 { background: var(--ko-iron-700); }
.sw-iron-800 { background: var(--ko-iron-800); }
.sw-iron-850 { background: var(--ko-iron-850); }
.sw-iron-900 { background: var(--ko-iron-900); }
.sw-iron-950 { background: var(--ko-iron-950); }
.sw-porcelain-50 { background: var(--ko-porcelain-50); }
.sw-porcelain-100 { background: var(--ko-porcelain-100); }
.sw-porcelain-200 { background: var(--ko-porcelain-200); }
.sw-porcelain-300 { background: var(--ko-porcelain-300); }
.sw-porcelain-400 { background: var(--ko-porcelain-400); }
.sw-porcelain-500 { background: var(--ko-porcelain-500); }
.sw-porcelain-600 { background: var(--ko-porcelain-600); }
.sw-porcelain-700 { background: var(--ko-porcelain-700); }
.sw-porcelain-800 { background: var(--ko-porcelain-800); }
.sw-porcelain-900 { background: var(--ko-porcelain-900); }
.sw-porcelain-950 { background: var(--ko-porcelain-950); }
.sw-green-50 { background: var(--ko-green-50); }
.sw-green-100 { background: var(--ko-green-100); }
.sw-green-200 { background: var(--ko-green-200); }
.sw-green-300 { background: var(--ko-green-300); }
.sw-green-400 { background: var(--ko-green-400); }
.sw-green-500 { background: var(--ko-green-500); }
.sw-green-600 { background: var(--ko-green-600); }
.sw-green-700 { background: var(--ko-green-700); }
.sw-green-800 { background: var(--ko-green-800); }
.sw-green-900 { background: var(--ko-green-900); }
.sw-green-950 { background: var(--ko-green-950); }
.sw-aureolin-50 { background: var(--ko-aureolin-50); }
.sw-aureolin-100 { background: var(--ko-aureolin-100); }
.sw-aureolin-200 { background: var(--ko-aureolin-200); }
.sw-aureolin-300 { background: var(--ko-aureolin-300); }
.sw-aureolin-400 { background: var(--ko-aureolin-400); }
.sw-aureolin-500 { background: var(--ko-aureolin-500); }
.sw-aureolin-600 { background: var(--ko-aureolin-600); }
.sw-aureolin-700 { background: var(--ko-aureolin-700); }
.sw-aureolin-800 { background: var(--ko-aureolin-800); }
.sw-aureolin-900 { background: var(--ko-aureolin-900); }
.sw-aureolin-950 { background: var(--ko-aureolin-950); }
.sw-kiln-50 { background: var(--ko-kiln-50); }
.sw-kiln-100 { background: var(--ko-kiln-100); }
.sw-kiln-200 { background: var(--ko-kiln-200); }
.sw-kiln-300 { background: var(--ko-kiln-300); }
.sw-kiln-400 { background: var(--ko-kiln-400); }
.sw-kiln-500 { background: var(--ko-kiln-500); }
.sw-kiln-600 { background: var(--ko-kiln-600); }
.sw-kiln-700 { background: var(--ko-kiln-700); }
.sw-kiln-800 { background: var(--ko-kiln-800); }
.sw-kiln-900 { background: var(--ko-kiln-900); }
.sw-kiln-950 { background: var(--ko-kiln-950); }
.sw-cerulean-50 { background: var(--ko-cerulean-50); }
.sw-cerulean-100 { background: var(--ko-cerulean-100); }
.sw-cerulean-200 { background: var(--ko-cerulean-200); }
.sw-cerulean-300 { background: var(--ko-cerulean-300); }
.sw-cerulean-400 { background: var(--ko-cerulean-400); }
.sw-cerulean-500 { background: var(--ko-cerulean-500); }
.sw-cerulean-600 { background: var(--ko-cerulean-600); }
.sw-cerulean-700 { background: var(--ko-cerulean-700); }
.sw-cerulean-800 { background: var(--ko-cerulean-800); }
.sw-cerulean-900 { background: var(--ko-cerulean-900); }
.sw-cerulean-950 { background: var(--ko-cerulean-950); }
.sw-violet-50 { background: var(--ko-violet-50); }
.sw-violet-100 { background: var(--ko-violet-100); }
.sw-violet-200 { background: var(--ko-violet-200); }
.sw-violet-300 { background: var(--ko-violet-300); }
.sw-violet-400 { background: var(--ko-violet-400); }
.sw-violet-500 { background: var(--ko-violet-500); }
.sw-violet-600 { background: var(--ko-violet-600); }
.sw-violet-700 { background: var(--ko-violet-700); }
.sw-violet-800 { background: var(--ko-violet-800); }
.sw-violet-900 { background: var(--ko-violet-900); }
.sw-violet-950 { background: var(--ko-violet-950); }
.sw-clay-50 { background: var(--ko-clay-50); }
.sw-clay-100 { background: var(--ko-clay-100); }
.sw-clay-200 { background: var(--ko-clay-200); }
.sw-clay-300 { background: var(--ko-clay-300); }
.sw-clay-400 { background: var(--ko-clay-400); }
.sw-clay-500 { background: var(--ko-clay-500); }
.sw-clay-600 { background: var(--ko-clay-600); }
.sw-clay-700 { background: var(--ko-clay-700); }
.sw-clay-800 { background: var(--ko-clay-800); }
.sw-clay-900 { background: var(--ko-clay-900); }
.sw-clay-950 { background: var(--ko-clay-950); }
.sw-sem-bg { background: var(--ko-bg); }
.sw-sem-surface { background: var(--ko-surface); }
.sw-sem-surface-raised { background: var(--ko-surface-raised); }
.sw-sem-surface-sunken { background: var(--ko-surface-sunken); }
.sw-sem-hover { background: var(--ko-hover); }
.sw-sem-line { background: var(--ko-line); }
.sw-sem-line-strong { background: var(--ko-line-strong); }
.sw-sem-text { background: var(--ko-text); }
.sw-sem-text-muted { background: var(--ko-text-muted); }
.sw-sem-text-subtle { background: var(--ko-text-subtle); }
.sw-sem-primary { background: var(--ko-primary); }
.sw-sem-primary-hover { background: var(--ko-primary-hover); }
.sw-sem-on-primary { background: var(--ko-on-primary); }
.sw-sem-primary-soft { background: var(--ko-primary-soft); }
.sw-sem-primary-soft-text { background: var(--ko-primary-soft-text); }
.sw-sem-selected { background: var(--ko-selected); }
.sw-sem-focus { background: var(--ko-focus); }
.sw-sem-success { background: var(--ko-success); }
.sw-sem-success-soft { background: var(--ko-success-soft); }
.sw-sem-warning { background: var(--ko-warning); }
.sw-sem-warning-soft { background: var(--ko-warning-soft); }
.sw-sem-warning-solid { background: var(--ko-warning-solid); }
.sw-sem-on-warning-solid { background: var(--ko-on-warning-solid); }
.sw-sem-danger { background: var(--ko-danger); }
.sw-sem-danger-text { background: var(--ko-danger-text); }
.sw-sem-danger-soft { background: var(--ko-danger-soft); }
.sw-sem-on-danger { background: var(--ko-on-danger); }
.sw-sem-info { background: var(--ko-info); }
.sw-sem-info-soft { background: var(--ko-info-soft); }
.sw-sem-agent { background: var(--ko-agent); }
.sw-sem-agent-text { background: var(--ko-agent-text); }
.sw-sem-agent-soft { background: var(--ko-agent-soft); }
.sw-sem-avatar { background: var(--ko-avatar); }
.sw-chart-1 { background: var(--ko-chart-1); }
.sw-chart-2 { background: var(--ko-chart-2); }
.sw-chart-3 { background: var(--ko-chart-3); }
.sw-chart-4 { background: var(--ko-chart-4); }
.sw-chart-5 { background: var(--ko-chart-5); }
.sw-chart-6 { background: var(--ko-chart-6); }
.sw-chart-7 { background: var(--ko-chart-7); }