/* Generated from tokens/colors.yaml - do not edit directly. */
/* sRGB hex is the universal baseline; canonical OKLCH is layered via @supports. */

:root {
  --kumanui-black-light-base: #454552;
  --kumanui-black-light-strong: #888992;
  --kumanui-black-dark-base: #222232;
  --kumanui-black-dark-strong: #0C0B1A;
  --kumanui-white-light-base: #E7E7EB;
  --kumanui-white-light-strong: #FAFAFC;
  --kumanui-white-dark-base: #ADADB5;
  --kumanui-white-dark-strong: #666672;
  --kumanui-red-light-base: #F88A7B;
  --kumanui-red-light-strong: #FBC5BD;
  --kumanui-red-dark-base: #A61D16;
  --kumanui-red-dark-strong: #7C130D;
  --kumanui-green-light-base: #3FCF33;
  --kumanui-green-light-strong: #53FC44;
  --kumanui-green-dark-base: #1D6D16;
  --kumanui-green-dark-strong: #13500E;
  --kumanui-blue-light-base: #89ADF7;
  --kumanui-blue-light-strong: #C1D5FB;
  --kumanui-blue-dark-base: #0A40E1;
  --kumanui-blue-dark-strong: #052EA9;
  --kumanui-yellow-light-base: #FFDD00;
  --kumanui-yellow-light-strong: #FFEC92;
  --kumanui-yellow-dark-base: #685B16;
  --kumanui-yellow-dark-strong: #4C420D;
  --kumanui-magenta-light-base: #F86CF6;
  --kumanui-magenta-light-strong: #FBBBF8;
  --kumanui-magenta-dark-base: #901C90;
  --kumanui-magenta-dark-strong: #6B136B;
  --kumanui-cyan-light-base: #39C4C4;
  --kumanui-cyan-light-strong: #45EFEF;
  --kumanui-cyan-dark-base: #196767;
  --kumanui-cyan-dark-strong: #114C4C;
  --kumanui-brand-black: #222232;
  --kumanui-brand-yellow: #FFDD00;
  --kumanui-brand-brown: #573320;
  --kumanui-brand-cyan: #39C4C4;
}

:root, [data-theme='light'] {
  color-scheme: light;
  --kumanui-web-background: var(--kumanui-white-light-strong);
  --kumanui-web-surface: #F0F0F3;
  --kumanui-web-text: var(--kumanui-black-dark-strong);
  --kumanui-web-muted-text: var(--kumanui-black-light-base);
  --kumanui-web-heading: var(--kumanui-black-dark-strong);
  --kumanui-web-link: var(--kumanui-cyan-dark-base);
  --kumanui-web-border-subtle: var(--kumanui-white-dark-base);
  --kumanui-web-border-strong: var(--kumanui-white-dark-strong);
  --kumanui-web-accent: var(--kumanui-cyan-dark-base);
  --kumanui-web-secondary-accent: #823600;
  --kumanui-web-accent-bg: var(--kumanui-brand-yellow);
  --kumanui-web-on-accent: var(--kumanui-brand-brown);
  --kumanui-web-accent-border: var(--kumanui-brand-brown);
  --kumanui-web-focus: var(--kumanui-cyan-dark-base);
  --kumanui-web-hover: var(--kumanui-cyan-dark-strong);
  --kumanui-web-active: #0A3B3B;
  --kumanui-web-disabled: var(--kumanui-white-dark-base);
  --kumanui-web-error: var(--kumanui-red-dark-base);
  --kumanui-web-success: var(--kumanui-green-dark-base);
  --kumanui-web-warning: var(--kumanui-yellow-dark-base);
  --kumanui-web-info: var(--kumanui-blue-dark-base);
  --kumanui-web-selection: #E7D57E;
  --kumanui-web-selection-text: var(--kumanui-black-dark-strong);
  --kumanui-web-code-bg: #F0F0F3;
  --kumanui-web-code-text: var(--kumanui-black-dark-base);
}

[data-theme='dark'] {
  color-scheme: dark;
  --kumanui-web-background: var(--kumanui-black-dark-strong);
  --kumanui-web-surface: var(--kumanui-black-dark-base);
  --kumanui-web-text: var(--kumanui-white-light-base);
  --kumanui-web-muted-text: var(--kumanui-white-dark-base);
  --kumanui-web-heading: var(--kumanui-white-light-base);
  --kumanui-web-link: var(--kumanui-brand-yellow);
  --kumanui-web-border-subtle: var(--kumanui-black-light-base);
  --kumanui-web-border-strong: var(--kumanui-black-light-strong);
  --kumanui-web-accent: var(--kumanui-brand-yellow);
  --kumanui-web-secondary-accent: var(--kumanui-brand-cyan);
  --kumanui-web-accent-bg: var(--kumanui-brand-yellow);
  --kumanui-web-on-accent: var(--kumanui-brand-brown);
  --kumanui-web-accent-border: transparent;
  --kumanui-web-focus: var(--kumanui-brand-yellow);
  --kumanui-web-hover: var(--kumanui-yellow-light-strong);
  --kumanui-web-active: #FFF4B7;
  --kumanui-web-disabled: var(--kumanui-black-light-base);
  --kumanui-web-error: var(--kumanui-red-light-base);
  --kumanui-web-success: var(--kumanui-green-light-base);
  --kumanui-web-warning: var(--kumanui-yellow-light-strong);
  --kumanui-web-info: var(--kumanui-blue-light-base);
  --kumanui-web-selection: #665E35;
  --kumanui-web-selection-text: var(--kumanui-white-light-base);
  --kumanui-web-code-bg: var(--kumanui-black-dark-base);
  --kumanui-web-code-text: var(--kumanui-white-light-base);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    color-scheme: dark;
    --kumanui-web-background: var(--kumanui-black-dark-strong);
    --kumanui-web-surface: var(--kumanui-black-dark-base);
    --kumanui-web-text: var(--kumanui-white-light-base);
    --kumanui-web-muted-text: var(--kumanui-white-dark-base);
    --kumanui-web-heading: var(--kumanui-white-light-base);
    --kumanui-web-link: var(--kumanui-brand-yellow);
    --kumanui-web-border-subtle: var(--kumanui-black-light-base);
    --kumanui-web-border-strong: var(--kumanui-black-light-strong);
    --kumanui-web-accent: var(--kumanui-brand-yellow);
    --kumanui-web-secondary-accent: var(--kumanui-brand-cyan);
    --kumanui-web-accent-bg: var(--kumanui-brand-yellow);
    --kumanui-web-on-accent: var(--kumanui-brand-brown);
    --kumanui-web-accent-border: transparent;
    --kumanui-web-focus: var(--kumanui-brand-yellow);
    --kumanui-web-hover: var(--kumanui-yellow-light-strong);
    --kumanui-web-active: #FFF4B7;
    --kumanui-web-disabled: var(--kumanui-black-light-base);
    --kumanui-web-error: var(--kumanui-red-light-base);
    --kumanui-web-success: var(--kumanui-green-light-base);
    --kumanui-web-warning: var(--kumanui-yellow-light-strong);
    --kumanui-web-info: var(--kumanui-blue-light-base);
    --kumanui-web-selection: #665E35;
    --kumanui-web-selection-text: var(--kumanui-white-light-base);
    --kumanui-web-code-bg: var(--kumanui-black-dark-base);
    --kumanui-web-code-text: var(--kumanui-white-light-base);
  }
}

@supports (color: oklch(0 0 0)) {
  :root {
    --kumanui-black-light-base: oklch(0.396 0.022 284);
    --kumanui-black-light-strong: oklch(0.632 0.014 284);
    --kumanui-black-dark-base: oklch(0.260 0.030 284);
    --kumanui-black-dark-strong: oklch(0.160 0.030 284);
    --kumanui-white-light-base: oklch(0.929 0.005 284);
    --kumanui-white-light-strong: oklch(0.986 0.003 284);
    --kumanui-white-dark-base: oklch(0.750 0.011 284);
    --kumanui-white-dark-strong: oklch(0.514 0.018 284);
    --kumanui-red-light-base: oklch(0.750 0.136 29);
    --kumanui-red-light-strong: oklch(0.870 0.063 29);
    --kumanui-red-dark-base: oklch(0.470 0.173 29);
    --kumanui-red-dark-strong: oklch(0.380 0.140 29);
    --kumanui-green-light-base: oklch(0.750 0.227 142);
    --kumanui-green-light-strong: oklch(0.870 0.259 142);
    --kumanui-green-dark-base: oklch(0.470 0.142 142);
    --kumanui-green-dark-strong: oklch(0.380 0.115 142);
    --kumanui-blue-light-base: oklch(0.750 0.115 264);
    --kumanui-blue-light-strong: oklch(0.870 0.057 264);
    --kumanui-blue-dark-base: oklch(0.470 0.245 264);
    --kumanui-blue-dark-strong: oklch(0.380 0.198 264);
    --kumanui-yellow-light-base: oklch(0.899 0.186 98);
    --kumanui-yellow-light-strong: oklch(0.939 0.112 98);
    --kumanui-yellow-dark-base: oklch(0.470 0.087 98);
    --kumanui-yellow-dark-strong: oklch(0.380 0.071 98);
    --kumanui-magenta-light-base: oklch(0.750 0.232 328);
    --kumanui-magenta-light-strong: oklch(0.870 0.107 328);
    --kumanui-magenta-dark-base: oklch(0.470 0.195 328);
    --kumanui-magenta-dark-strong: oklch(0.380 0.157 328);
    --kumanui-cyan-light-base: oklch(0.750 0.115 195);
    --kumanui-cyan-light-strong: oklch(0.870 0.134 195);
    --kumanui-cyan-dark-base: oklch(0.470 0.072 195);
    --kumanui-cyan-dark-strong: oklch(0.380 0.058 195);
    --kumanui-brand-black: oklch(0.260 0.030 284);
    --kumanui-brand-yellow: oklch(0.899 0.186 98);
    --kumanui-brand-brown: oklch(0.360 0.060 47);
    --kumanui-brand-cyan: oklch(0.750 0.115 195);
  }
  :root, [data-theme='light'] {
    --kumanui-web-surface: oklch(0.955 0.004 284);
    --kumanui-web-secondary-accent: oklch(0.431 0.119 47);
    --kumanui-web-active: oklch(0.320 0.049 195);
    --kumanui-web-selection: oklch(0.870 0.110 98);
    --kumanui-web-code-bg: oklch(0.955 0.004 284);
  }
  [data-theme='dark'] {
    --kumanui-web-surface: var(--kumanui-black-dark-base);
    --kumanui-web-secondary-accent: var(--kumanui-brand-cyan);
    --kumanui-web-active: oklch(0.961 0.078 99);
    --kumanui-web-selection: oklch(0.480 0.060 98);
    --kumanui-web-code-bg: var(--kumanui-black-dark-base);
  }
  @media (prefers-color-scheme: dark) {
    :root:not([data-theme]) {
      --kumanui-web-surface: var(--kumanui-black-dark-base);
      --kumanui-web-secondary-accent: var(--kumanui-brand-cyan);
      --kumanui-web-active: oklch(0.961 0.078 99);
      --kumanui-web-selection: oklch(0.480 0.060 98);
      --kumanui-web-code-bg: var(--kumanui-black-dark-base);
    }
  }
}