CSS変数

:root {
  --color-base-100: oklch(0.900 0.136 200.0);
  --color-base-250: oklch(0.783 0.155 200.0);
  --color-base-400: oklch(0.667 0.173 200.0);
  --color-base-550: oklch(0.550 0.192 200.0);
  --color-base-700: oklch(0.433 0.211 200.0);
  --color-base-850: oklch(0.317 0.229 200.0);
  --color-base-1000: oklch(0.200 0.248 200.0);
  --color-complement-100: oklch(0.900 0.136 20.0);
  --color-complement-250: oklch(0.783 0.155 20.0);
  --color-complement-400: oklch(0.667 0.173 20.0);
  --color-complement-550: oklch(0.550 0.192 20.0);
  --color-complement-700: oklch(0.433 0.211 20.0);
  --color-complement-850: oklch(0.317 0.229 20.0);
  --color-complement-1000: oklch(0.200 0.248 20.0);
}