:root {
  --wb-button-color-icon-fixed-dark: var(--wb-color-gray-950);
  --wb-button-color-icon-fixed-light: var(--wb-color-gray-50);
  --wb-button-color-text-fixed-dark: var(--wb-color-gray-950);
  --wb-button-color-text-fixed-light: var(--wb-color-gray-50);
  --wb-color-action-adaptive-active: var(--wb-color-yellow-600);
  --wb-color-action-adaptive-hover: var(--wb-color-yellow-550);
  --wb-color-action-destructive-active: var(--wb-color-red-600);
  --wb-color-action-destructive-default: var(--wb-color-red-500);
  --wb-color-action-destructive-disabled: var(--wb-color-gray-300);
  --wb-color-action-destructive-focus: var(--wb-color-red-500);
  --wb-color-action-destructive-hover: var(--wb-color-red-550);
  --wb-color-action-primary-active: var(--wb-color-yellow-600);
  --wb-color-action-primary-default: var(--wb-color-yellow-500);
  --wb-color-action-primary-disabled: var(--wb-color-gray-300);
  --wb-color-action-primary-focus: var(--wb-color-yellow-500);
  --wb-color-action-primary-hover: var(--wb-color-yellow-550);
  --wb-color-action-secondary-active: var(--wb-color-blue-700);
  --wb-color-action-secondary-default: var(--wb-color-blue-600);
  --wb-color-action-secondary-disabled: var(--wb-color-gray-300);
  --wb-color-action-secondary-focus: var(--wb-color-blue-600);
  --wb-color-action-secondary-hover: var(--wb-color-blue-650);
  --wb-color-background-default: var(--wb-color-gray-50);
  --wb-color-blue-50: oklch(0.965 0.044 251.5);
  --wb-color-blue-100: oklch(0.925 0.067 251.5);
  --wb-color-blue-150: oklch(0.883 0.088 251.5);
  --wb-color-blue-200: oklch(0.842 0.101 251.5);
  --wb-color-blue-250: oklch(0.802 0.114 251.5);
  --wb-color-blue-300: oklch(0.763 0.126 251.5);
  --wb-color-blue-350: oklch(0.722 0.139 251.5);
  --wb-color-blue-400: oklch(0.682 0.152 251.5);
  --wb-color-blue-450: oklch(0.643 0.165 251.5);
  --wb-color-blue-500: oklch(0.602 0.178 251.5);
  --wb-color-blue-550: oklch(0.566 0.165 251.5);
  --wb-color-blue-600: oklch(0.532 0.152 251.5);
  --wb-color-blue-650: oklch(0.496 0.139 251.5);
  --wb-color-blue-700: oklch(0.461 0.126 251.5);
  --wb-color-blue-750: oklch(0.425 0.114 251.5);
  --wb-color-blue-800: oklch(0.391 0.101 251.5);
  --wb-color-blue-850: oklch(0.356 0.088 251.5);
  --wb-color-blue-900: oklch(0.322 0.075 251.5);
  --wb-color-blue-950: oklch(0.286 0.062 251.5);
  --wb-color-border-default: var(--wb-color-gray-700);
  --wb-color-border-disabled: var(--wb-color-gray-alpha-10);
  --wb-color-border-focus: var(--wb-color-action-primary-focus);
  --wb-color-border-on-surface-default: var(--wb-color-gray-700);
  --wb-color-border-on-surface-disabled: var(--wb-color-gray-alpha-40);
  --wb-color-border-on-surface-strong: var(--wb-color-gray-250);
  --wb-color-border-on-surface-subtle: var(--wb-color-gray-800);
  --wb-color-elevation-50-default: rgba(241, 241, 241, 0.10);
  --wb-color-elevation-50-strong: rgba(241, 241, 241, 0.25);
  --wb-color-elevation-50-subtle: rgba(241, 241, 241, 0.05);
  --wb-color-elevation-950-default: rgba(42, 42, 42, 0.10);
  --wb-color-elevation-950-strong: rgba(42, 42, 42, 0.25);
  --wb-color-elevation-950-subtle: rgba(42, 42, 42, 0.05);
  --wb-color-elevation-default: var(--wb-color-elevation-950-default);
  --wb-color-elevation-strong: var(--wb-color-elevation-950-strong);
  --wb-color-elevation-subtle: var(--wb-color-elevation-950-subtle);
  --wb-color-feedback-error: var(--wb-color-red-500);
  --wb-color-feedback-success: var(--wb-color-green-500);
  --wb-color-feedback-warning: var(--wb-color-yellow-500);
  --wb-color-gray-50: oklch(0.958 0.000 0.0);
  --wb-color-gray-100: oklch(0.926 0.000 0.0);
  --wb-color-gray-150: oklch(0.890 0.000 0.0);
  --wb-color-gray-200: oklch(0.853 0.000 0.0);
  --wb-color-gray-250: oklch(0.816 0.000 0.0);
  --wb-color-gray-300: oklch(0.778 0.000 0.0);
  --wb-color-gray-350: oklch(0.740 0.000 0.0);
  --wb-color-gray-400: oklch(0.701 0.000 0.0);
  --wb-color-gray-450: oklch(0.662 0.000 0.0);
  --wb-color-gray-500: oklch(0.625 0.000 0.0);
  --wb-color-gray-550: oklch(0.588 0.000 0.0);
  --wb-color-gray-600: oklch(0.550 0.000 0.0);
  --wb-color-gray-650: oklch(0.512 0.000 0.0);
  --wb-color-gray-700: oklch(0.473 0.000 0.0);
  --wb-color-gray-750: oklch(0.437 0.000 0.0);
  --wb-color-gray-800: oklch(0.400 0.000 0.0);
  --wb-color-gray-850: oklch(0.362 0.000 0.0);
  --wb-color-gray-900: oklch(0.323 0.000 0.0);
  --wb-color-gray-950: oklch(0.285 0.000 0.0);
  --wb-color-gray-alpha-10: rgba(135, 135, 135, 0.10);
  --wb-color-gray-alpha-20: rgba(135, 135, 135, 0.20);
  --wb-color-gray-alpha-30: rgba(135, 135, 135, 0.30);
  --wb-color-gray-alpha-40: rgba(135, 135, 135, 0.40);
  --wb-color-gray-alpha-50: rgba(135, 135, 135, 0.50);
  --wb-color-gray-alpha-60: rgba(135, 135, 135, 0.60);
  --wb-color-gray-alpha-70: rgba(135, 135, 135, 0.70);
  --wb-color-gray-alpha-80: rgba(135, 135, 135, 0.80);
  --wb-color-gray-alpha-90: rgba(135, 135, 135, 0.90);
  --wb-color-green-50: oklch(0.954 0.077 144.9);
  --wb-color-green-100: oklch(0.937 0.093 145.0);
  --wb-color-green-150: oklch(0.920 0.109 145.0);
  --wb-color-green-200: oklch(0.901 0.125 145.0);
  --wb-color-green-250: oklch(0.881 0.141 145.0);
  --wb-color-green-300: oklch(0.862 0.157 145.0);
  --wb-color-green-350: oklch(0.843 0.173 145.0);
  --wb-color-green-400: oklch(0.824 0.189 145.0);
  --wb-color-green-450: oklch(0.806 0.205 145.0);
  --wb-color-green-500: oklch(0.788 0.221 145.0);
  --wb-color-green-550: oklch(0.731 0.205 145.0);
  --wb-color-green-600: oklch(0.676 0.189 145.0);
  --wb-color-green-650: oklch(0.619 0.173 145.0);
  --wb-color-green-700: oklch(0.561 0.157 145.0);
  --wb-color-green-750: oklch(0.505 0.141 145.0);
  --wb-color-green-800: oklch(0.447 0.125 145.0);
  --wb-color-green-850: oklch(0.391 0.109 145.0);
  --wb-color-green-900: oklch(0.335 0.093 145.0);
  --wb-color-green-950: oklch(0.277 0.077 145.0);
  --wb-color-icon-action: var(--wb-color-action-primary-default);
  --wb-color-icon-default: var(--wb-color-gray-950);
  --wb-color-icon-disabled: var(--wb-color-gray-400);
  --wb-color-icon-error: var(--wb-color-feedback-error);
  --wb-color-icon-inverse: var(--wb-color-gray-50);
  --wb-color-icon-muted: var(--wb-color-gray-800);
  --wb-color-icon-secondary: var(--wb-color-gray-850);
  --wb-color-icon-success: var(--wb-color-feedback-success);
  --wb-color-icon-warning: var(--wb-color-feedback-warning);
  --wb-color-orange-50: oklch(0.966 0.020 55.1);
  --wb-color-orange-100: oklch(0.937 0.068 55.0);
  --wb-color-orange-150: oklch(0.908 0.089 55.0);
  --wb-color-orange-200: oklch(0.878 0.104 55.0);
  --wb-color-orange-250: oklch(0.850 0.117 55.0);
  --wb-color-orange-300: oklch(0.820 0.130 55.0);
  --wb-color-orange-350: oklch(0.792 0.144 55.0);
  --wb-color-orange-400: oklch(0.763 0.157 55.0);
  --wb-color-orange-450: oklch(0.733 0.170 55.0);
  --wb-color-orange-500: oklch(0.705 0.183 55.0);
  --wb-color-orange-550: oklch(0.658 0.170 55.0);
  --wb-color-orange-600: oklch(0.612 0.157 55.0);
  --wb-color-orange-650: oklch(0.568 0.144 55.0);
  --wb-color-orange-700: oklch(0.520 0.130 55.0);
  --wb-color-orange-750: oklch(0.475 0.117 55.0);
  --wb-color-orange-800: oklch(0.428 0.104 55.0);
  --wb-color-orange-850: oklch(0.383 0.091 55.0);
  --wb-color-orange-900: oklch(0.336 0.077 55.0);
  --wb-color-orange-950: oklch(0.291 0.064 55.0);
  --wb-color-red-50: oklch(0.966 0.017 22.1);
  --wb-color-red-100: oklch(0.922 0.070 25.0);
  --wb-color-red-150: oklch(0.877 0.100 25.0);
  --wb-color-red-200: oklch(0.832 0.120 25.0);
  --wb-color-red-250: oklch(0.788 0.136 25.0);
  --wb-color-red-300: oklch(0.744 0.151 25.0);
  --wb-color-red-350: oklch(0.697 0.166 25.0);
  --wb-color-red-400: oklch(0.651 0.182 25.0);
  --wb-color-red-450: oklch(0.606 0.197 25.0);
  --wb-color-red-500: oklch(0.560 0.212 25.0);
  --wb-color-red-550: oklch(0.531 0.197 25.0);
  --wb-color-red-600: oklch(0.501 0.182 25.0);
  --wb-color-red-650: oklch(0.472 0.166 25.0);
  --wb-color-red-700: oklch(0.441 0.151 25.0);
  --wb-color-red-750: oklch(0.413 0.136 25.0);
  --wb-color-red-800: oklch(0.384 0.120 25.0);
  --wb-color-red-850: oklch(0.353 0.105 25.0);
  --wb-color-red-900: oklch(0.323 0.090 25.0);
  --wb-color-red-950: oklch(0.294 0.074 25.0);
  --wb-color-surface-default: var(--wb-color-gray-100);
  --wb-color-surface-disabled: var(--wb-color-gray-alpha-10);
  --wb-color-surface-emphasis: var(--wb-color-gray-650);
  --wb-color-surface-muted: var(--wb-color-gray-300);
  --wb-color-surface-subtle: var(--wb-color-gray-200);
  --wb-color-text-default: var(--wb-color-gray-950);
  --wb-color-text-disabled: var(--wb-color-gray-400);
  --wb-color-text-inverse: var(--wb-color-gray-50);
  --wb-color-text-muted: var(--wb-color-gray-800);
  --wb-color-text-secondary: var(--wb-color-gray-850);
  --wb-color-yellow-50: oklch(0.964 0.065 98.3);
  --wb-color-yellow-100: oklch(0.958 0.079 98.3);
  --wb-color-yellow-150: oklch(0.949 0.092 98.3);
  --wb-color-yellow-200: oklch(0.943 0.106 98.3);
  --wb-color-yellow-250: oklch(0.936 0.119 98.3);
  --wb-color-yellow-300: oklch(0.928 0.132 98.3);
  --wb-color-yellow-350: oklch(0.921 0.146 98.3);
  --wb-color-yellow-400: oklch(0.915 0.159 98.3);
  --wb-color-yellow-450: oklch(0.907 0.173 98.3);
  --wb-color-yellow-500: oklch(0.901 0.186 98.3);
  --wb-color-yellow-550: oklch(0.832 0.173 98.3);
  --wb-color-yellow-600: oklch(0.763 0.159 98.3);
  --wb-color-yellow-650: oklch(0.694 0.146 98.3);
  --wb-color-yellow-700: oklch(0.625 0.132 98.3);
  --wb-color-yellow-750: oklch(0.557 0.119 98.3);
  --wb-color-yellow-800: oklch(0.491 0.106 98.3);
  --wb-color-yellow-850: oklch(0.422 0.092 98.3);
  --wb-color-yellow-900: oklch(0.353 0.079 98.3);
  --wb-color-yellow-950: oklch(0.284 0.065 98.3);
}

[data-theme="dark"] {
  --wb-button-color-icon-fixed-dark: var(--wb-color-gray-950);
  --wb-button-color-icon-fixed-light: var(--wb-color-gray-950);
  --wb-button-color-text-fixed-dark: var(--wb-color-gray-950);
  --wb-button-color-text-fixed-light: var(--wb-color-gray-950);
  --wb-color-action-adaptive-active: var(--wb-color-blue-700);
  --wb-color-action-adaptive-hover: var(--wb-color-blue-650);
  --wb-color-action-destructive-active: var(--wb-color-red-150);
  --wb-color-action-destructive-default: var(--wb-color-red-350);
  --wb-color-action-destructive-disabled: var(--wb-color-gray-300);
  --wb-color-action-destructive-focus: var(--wb-color-red-350);
  --wb-color-action-destructive-hover: var(--wb-color-red-250);
  --wb-color-action-primary-active: var(--wb-color-yellow-150);
  --wb-color-action-primary-default: var(--wb-color-yellow-350);
  --wb-color-action-primary-disabled: var(--wb-color-gray-300);
  --wb-color-action-primary-focus: var(--wb-color-yellow-350);
  --wb-color-action-primary-hover: var(--wb-color-yellow-250);
  --wb-color-action-secondary-active: var(--wb-color-blue-150);
  --wb-color-action-secondary-default: var(--wb-color-blue-350);
  --wb-color-action-secondary-disabled: var(--wb-color-gray-300);
  --wb-color-action-secondary-focus: var(--wb-color-blue-350);
  --wb-color-action-secondary-hover: var(--wb-color-blue-250);
  --wb-color-background-default: var(--wb-color-gray-950);
  --wb-color-border-default: var(--wb-color-gray-200);
  --wb-color-border-disabled: var(--wb-color-gray-alpha-10);
  --wb-color-border-focus: var(--wb-color-action-primary-focus);
  --wb-color-border-on-surface-default: var(--wb-color-gray-200);
  --wb-color-border-on-surface-disabled: var(--wb-color-gray-alpha-40);
  --wb-color-border-on-surface-strong: var(--wb-color-gray-900);
  --wb-color-border-on-surface-subtle: var(--wb-color-gray-200);
  --wb-color-elevation-default: var(--wb-color-elevation-50-default);
  --wb-color-elevation-strong: var(--wb-color-elevation-50-strong);
  --wb-color-elevation-subtle: var(--wb-color-elevation-50-subtle);
  --wb-color-feedback-error: var(--wb-color-red-500);
  --wb-color-feedback-success: var(--wb-color-green-500);
  --wb-color-feedback-warning: var(--wb-color-yellow-500);
  --wb-color-icon-action: var(--wb-color-action-primary-default);
  --wb-color-icon-default: var(--wb-color-gray-50);
  --wb-color-icon-disabled: var(--wb-color-gray-600);
  --wb-color-icon-error: var(--wb-color-feedback-error);
  --wb-color-icon-inverse: var(--wb-color-gray-950);
  --wb-color-icon-muted: var(--wb-color-gray-150);
  --wb-color-icon-secondary: var(--wb-color-gray-100);
  --wb-color-icon-success: var(--wb-color-feedback-success);
  --wb-color-icon-warning: var(--wb-color-feedback-warning);
  --wb-color-surface-default: var(--wb-color-gray-900);
  --wb-color-surface-disabled: var(--wb-color-gray-alpha-10);
  --wb-color-surface-emphasis: var(--wb-color-gray-450);
  --wb-color-surface-muted: var(--wb-color-gray-700);
  --wb-color-surface-subtle: var(--wb-color-gray-800);
  --wb-color-text-default: var(--wb-color-gray-50);
  --wb-color-text-disabled: var(--wb-color-gray-600);
  --wb-color-text-inverse: var(--wb-color-gray-950);
  --wb-color-text-muted: var(--wb-color-gray-150);
  --wb-color-text-secondary: var(--wb-color-gray-100);
}