/* Generated from tokens/colors.yaml — do not edit directly. */
:root {
  --kumanui-black-base: #202430;
  --kumanui-black-light: #404860;
  --kumanui-black-dark: #101218;
  --kumanui-white-base: #EEEEEE;
  --kumanui-white-light: #FFFFFF;
  --kumanui-white-dark: #CCCCCC;
  --kumanui-red-base: #FF0022;
  --kumanui-red-light: #F07586;
  --kumanui-red-dark: #66000E;
  --kumanui-green-base: #00FF22;
  --kumanui-green-light: #75F086;
  --kumanui-green-dark: #00660E;
  --kumanui-blue-base: #477EEB;
  --kumanui-blue-light: #96B1E9;
  --kumanui-blue-dark: #0C2D6E;
  --kumanui-yellow-base: #FFDD00;
  --kumanui-yellow-light: #F0DF75;
  --kumanui-yellow-dark: #665800;
  --kumanui-magenta-base: #DD00FF;
  --kumanui-magenta-light: #DF75F0;
  --kumanui-magenta-dark: #580066;
  --kumanui-cyan-base: #00DDFF;
  --kumanui-cyan-light: #75DFF0;
  --kumanui-cyan-dark: #005866;
}

:root, [data-theme='light'] {
  color-scheme: light;
  --kumanui-web-background: var(--kumanui-white-light);
  --kumanui-web-surface: var(--kumanui-white-base);
  --kumanui-web-text: var(--kumanui-black-dark);
  --kumanui-web-muted-text: var(--kumanui-black-light);
  --kumanui-web-heading: var(--kumanui-black-dark);
  --kumanui-web-link: var(--kumanui-cyan-dark);
  --kumanui-web-link-hover: var(--kumanui-cyan-dark);
  --kumanui-web-border: var(--kumanui-black-light);
  --kumanui-web-accent: var(--kumanui-cyan-dark);
  --kumanui-web-selection: color-mix(in srgb, var(--kumanui-cyan-base) 25%, transparent);
  --kumanui-web-code-bg: var(--kumanui-white-base);
  --kumanui-web-code-text: var(--kumanui-black-base);
}

[data-theme='dark'] {
  color-scheme: dark;
  --kumanui-web-background: var(--kumanui-black-dark);
  --kumanui-web-surface: var(--kumanui-black-base);
  --kumanui-web-text: var(--kumanui-white-base);
  --kumanui-web-muted-text: var(--kumanui-white-dark);
  --kumanui-web-heading: var(--kumanui-white-base);
  --kumanui-web-link: var(--kumanui-yellow-base);
  --kumanui-web-link-hover: var(--kumanui-yellow-base);
  --kumanui-web-border: var(--kumanui-white-dark);
  --kumanui-web-accent: var(--kumanui-yellow-base);
  --kumanui-web-selection: color-mix(in srgb, var(--kumanui-yellow-base) 25%, transparent);
  --kumanui-web-code-bg: var(--kumanui-black-base);
  --kumanui-web-code-text: var(--kumanui-white-base);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    color-scheme: dark;
    --kumanui-web-background: var(--kumanui-black-dark);
    --kumanui-web-surface: var(--kumanui-black-base);
    --kumanui-web-text: var(--kumanui-white-base);
    --kumanui-web-muted-text: var(--kumanui-white-dark);
    --kumanui-web-heading: var(--kumanui-white-base);
    --kumanui-web-link: var(--kumanui-yellow-base);
    --kumanui-web-link-hover: var(--kumanui-yellow-base);
    --kumanui-web-border: var(--kumanui-white-dark);
    --kumanui-web-accent: var(--kumanui-yellow-base);
    --kumanui-web-selection: color-mix(in srgb, var(--kumanui-yellow-base) 25%, transparent);
    --kumanui-web-code-bg: var(--kumanui-black-base);
    --kumanui-web-code-text: var(--kumanui-white-base);
  }
}