@import '../variables.css';

:root {
  --sb-color-background-primary: var(--sb-color-neutral-white);
  --sb-color-background-secondary: var(--sb-color-base-50);
  --sb-color-background-tertiary: var(--sb-color-base-200);
  --sb-color-background-brand-primary-subtle: var(--sb-color-primary-500);
  --sb-color-background-brand-primary: var(--sb-color-primary-700);
  --sb-color-background-brand-primary-bold: var(--sb-color-primary-900);
  --sb-color-background-brand-secondary: var(--sb-color-secondary-950);
  --sb-color-background-danger-subtle: var(--sb-color-danger-200);
  --sb-color-background-danger: var(--sb-color-danger-600);
  --sb-color-background-danger-bold: var(--sb-color-danger-900);
  --sb-color-background-warning-subtle: var(--sb-color-warning-100);
  --sb-color-background-warning: var(--sb-color-warning-400);
  --sb-color-background-warning-bold: var(--sb-color-warning-800);
  --sb-color-background-info-subtle: var(--sb-color-info-100);
  --sb-color-background-info: var(--sb-color-info-600);
  --sb-color-background-info-bold: var(--sb-color-info-900);
  --sb-color-background-success-subtle: var(--sb-color-success-100);
  --sb-color-background-success: var(--sb-color-success-500);
  --sb-color-background-success-bold: var(--sb-color-success-700);
  --sb-color-background-highlight-subtle: var(--sb-color-highlight-100);
  --sb-color-background-highlight: var(--sb-color-highlight-500);
  --sb-color-background-highlight-bold: var(--sb-color-highlight-700);
  --sb-color-background-disabled: var(--sb-color-base-100);
  --sb-color-background-overlay-subtle: var(--sb-color-overlay-primary-subtle);
  --sb-color-background-overlay-bold: var(--sb-color-overlay-primary);
  --sb-color-text-primary: var(--sb-color-secondary-950);
  --sb-color-text-secondary: var(--sb-color-base-700);
  --sb-color-text-tertiary: var(--sb-color-neutral-white);
  --sb-color-text-placeholder: var(--sb-color-secondary-600);
  --sb-color-text-brand-color: var(--sb-color-primary-700);
  --sb-color-text-danger-subtle: var(--sb-color-danger-50);
  --sb-color-text-danger: var(--sb-color-danger-700);
  --sb-color-text-danger-bold: var(--sb-color-danger-800);
  --sb-color-text-warning-subtle: var(--sb-color-warning-50);
  --sb-color-text-warning: var(--sb-color-warning-600);
  --sb-color-text-warning-bold: var(--sb-color-warning-800);
  --sb-color-text-info-subtle: var(--sb-color-info-50);
  --sb-color-text-info: var(--sb-color-info-600);
  --sb-color-text-info-bold: var(--sb-color-info-800);
  --sb-color-text-success-subtle: var(--sb-color-success-50);
  --sb-color-text-success: var(--sb-color-success-600);
  --sb-color-text-success-bold: var(--sb-color-success-800);
  --sb-color-text-highlight-subtle: var(--sb-color-highlight-50);
  --sb-color-text-highlight: var(--sb-color-highlight-600);
  --sb-color-text-highlight-bold: var(--sb-color-highlight-800);
  --sb-color-text-disabled: var(--sb-color-base-500);
  --sb-color-text-lightness: var(--sb-color-neutral-white);
  --sb-color-text-darkness: var(--sb-color-neutral-black);
  --sb-color-icon-primary: var(--sb-color-secondary-950);
  --sb-color-icon-secondary: var(--sb-color-base-700);
  --sb-color-icon-tertiary: var(--sb-color-neutral-white);
  --sb-color-icon-placeholder: var(--sb-color-secondary-600);
  --sb-color-icon-brand-color: var(--sb-color-primary-700);
  --sb-color-icon-danger-subtle: var(--sb-color-danger-50);
  --sb-color-icon-danger: var(--sb-color-danger-700);
  --sb-color-icon-danger-bold: var(--sb-color-danger-800);
  --sb-color-icon-warning-subtle: var(--sb-color-warning-50);
  --sb-color-icon-warning: var(--sb-color-warning-700);
  --sb-color-icon-warning-bold: var(--sb-color-warning-800);
  --sb-color-icon-info-subtle: var(--sb-color-info-50);
  --sb-color-icon-info: var(--sb-color-info-600);
  --sb-color-icon-info-bold: var(--sb-color-info-800);
  --sb-color-icon-success-subtle: var(--sb-color-success-50);
  --sb-color-icon-success: var(--sb-color-success-600);
  --sb-color-icon-success-bold: var(--sb-color-success-800);
  --sb-color-icon-highlight-subtle: var(--sb-color-highlight-50);
  --sb-color-icon-highlight: var(--sb-color-highlight-600);
  --sb-color-icon-highlight-bold: var(--sb-color-highlight-800);
  --sb-color-icon-disabled: var(--sb-color-base-500);
  --sb-color-icon-lightness: var(--sb-color-neutral-white);
  --sb-color-icon-gray: var(--sb-color-base-400);
  --sb-color-icon-darkness: var(--sb-color-neutral-black);
  --sb-color-border-primary: var(--sb-color-secondary-100);
  --sb-color-border-secondary: var(--sb-color-base-200);
  --sb-color-border-tertiary: var(--sb-color-secondary-950);
  --sb-color-border-brand-primary-subtle: var(--sb-color-primary-500);
  --sb-color-border-brand-primary: var(--sb-color-primary-700);
  --sb-color-border-brand-primary-bold: var(--sb-color-primary-900);
  --sb-color-border-brand-secondary: var(--sb-color-secondary-950);
  --sb-color-border-danger-subtle: var(--sb-color-danger-200);
  --sb-color-border-danger: var(--sb-color-danger-600);
  --sb-color-border-danger-bold: var(--sb-color-danger-900);
  --sb-color-border-warning-subtle: var(--sb-color-warning-100);
  --sb-color-border-warning: var(--sb-color-warning-600);
  --sb-color-border-warning-bold: var(--sb-color-warning-800);
  --sb-color-border-info-subtle: var(--sb-color-info-100);
  --sb-color-border-info: var(--sb-color-info-600);
  --sb-color-border-info-bold: var(--sb-color-info-900);
  --sb-color-border-success-subtle: var(--sb-color-success-100);
  --sb-color-border-success: var(--sb-color-success-500);
  --sb-color-border-success-bold: var(--sb-color-success-700);
  --sb-color-border-highlight-subtle: var(--sb-color-highlight-100);
  --sb-color-border-highlight: var(--sb-color-highlight-500);
  --sb-color-border-highlight-bold: var(--sb-color-highlight-700);
  --sb-color-border-disabled: var(--sb-color-base-400);
  --sb-color-border-lightness: var(--sb-color-neutral-white);
  --sb-color-border-overlay-subtle: var(--sb-color-overlay-primary-subtle);
  --sb-color-border-overlay-bold: var(--sb-color-overlay-primary-bold);
  --sb-color-button-filled-background-primary: var(--sb-color-primary-700);
  --sb-color-button-filled-background-primary-hover: var(
    --sb-color-primary-900
  );
  --sb-color-button-filled-background-primary-pressed: var(
    --sb-color-primary-950
  );
  --sb-color-button-filled-background-secondary: var(--sb-color-neutral-white);
  --sb-color-button-filled-background-secondary-hover: var(
    --sb-color-secondary-100
  );
  --sb-color-button-filled-background-secondary-pressed: var(
    --sb-color-secondary-200
  );
  --sb-color-button-filled-background-tertiary: var(--sb-color-secondary-950);
  --sb-color-button-filled-background-tertiary-hover: var(
    --sb-color-secondary-800
  );
  --sb-color-button-filled-background-tertiary-pressed: var(
    --sb-color-secondary-600
  );
  --sb-color-button-filled-background-danger: var(--sb-color-danger-700);
  --sb-color-button-filled-background-danger-hover: var(--sb-color-danger-800);
  --sb-color-button-filled-background-danger-pressed: var(
    --sb-color-danger-900
  );
  --sb-color-button-filled-background-warning: var(--sb-color-warning-400);
  --sb-color-button-filled-background-warning-hover: var(
    --sb-color-warning-500
  );
  --sb-color-button-filled-background-warning-pressed: var(
    --sb-color-warning-600
  );
  --sb-color-button-filled-background-info: var(--sb-color-info-700);
  --sb-color-button-filled-background-info-hover: var(--sb-color-info-900);
  --sb-color-button-filled-background-info-pressed: var(--sb-color-info-950);
  --sb-color-button-filled-content-primary: var(--sb-color-neutral-white);
  --sb-color-button-filled-content-primary-bold: var(--sb-color-neutral-white);
  --sb-color-button-filled-content-secondary: var(--sb-color-secondary-950);
  --sb-color-button-filled-content-secondary-bold: var(
    --sb-color-secondary-950
  );
  --sb-color-button-filled-content-tertiary: var(--sb-color-neutral-white);
  --sb-color-button-filled-content-tertiary-bold: var(--sb-color-neutral-white);
  --sb-color-button-filled-content-danger: var(--sb-color-neutral-white);
  --sb-color-button-filled-content-danger-bold: var(--sb-color-neutral-white);
  --sb-color-button-filled-content-warning: var(--sb-color-secondary-950);
  --sb-color-button-filled-content-warning-bold: var(--sb-color-secondary-950);
  --sb-color-button-filled-content-info: var(--sb-color-neutral-white);
  --sb-color-button-filled-content-info-bold: var(--sb-color-neutral-white);
  --sb-color-button-filled-border-primary: var(--sb-color-primary-900);
  --sb-color-button-filled-border-secondary: var(--sb-color-secondary-100);
  --sb-color-button-filled-border-secondary-focus: var(
    --sb-color-secondary-950
  );
  --sb-color-button-filled-border-tertiary: var(--sb-color-secondary-800);
  --sb-color-button-filled-border-danger: var(--sb-color-danger-800);
  --sb-color-button-filled-border-warning: var(--sb-color-warning-500);
  --sb-color-button-filled-border-info: var(--sb-color-info-900);
  --sb-color-button-shadow: var(--sb-color-neutral-white);
  --sb-color-button-clear-background-default-hover: var(--sb-color-base-50);
  --sb-color-button-clear-background-default-pressed: var(--sb-color-base-100);
  --sb-color-button-clear-background-primary-hover: var(--sb-color-primary-50);
  --sb-color-button-clear-background-primary-pressed: var(
    --sb-color-primary-100
  );
  --sb-color-button-clear-background-secondary-hover: var(
    --sb-color-overlay-secondary-subtle
  );
  --sb-color-button-clear-background-secondary-pressed: var(
    --sb-color-overlay-secondary
  );
  --sb-color-button-clear-background-tertiary-hover: var(
    --sb-color-overlay-primary-subtle
  );
  --sb-color-button-clear-background-tertiary-pressed: var(
    --sb-color-overlay-primary
  );
  --sb-color-button-clear-background-danger-hover: var(--sb-color-danger-50);
  --sb-color-button-clear-background-danger-pressed: var(--sb-color-danger-100);
  --sb-color-button-clear-content-default: var(--sb-color-base-700);
  --sb-color-button-clear-content-primary: var(--sb-color-primary-700);
  --sb-color-button-clear-content-secondary: var(--sb-color-neutral-white);
  --sb-color-button-clear-content-tertiary: var(--sb-color-secondary-950);
  --sb-color-button-clear-content-danger: var(--sb-color-danger-700);
  --sb-color-button-clear-border-default: var(--sb-color-base-700);
  --sb-color-button-clear-border-primary: var(--sb-color-primary-700);
  --sb-color-button-clear-border-secondary: var(--sb-color-secondary-100);
  --sb-color-button-clear-border-tertiary: var(--sb-color-secondary-950);
  --sb-color-button-clear-border-danger: var(--sb-color-danger-700);
  --sb-color-sidebar-background-primary: var(--sb-color-secondary-950);
  --sb-color-sidebar-background-secondary: var(
    --sb-color-overlay-secondary-subtle
  );
  --sb-color-sidebar-content-primary: var(--sb-color-neutral-white);
  --sb-color-sidebar-border-primary: var(--sb-color-secondary-950);
  --sb-color-sidebar-border-secondary: var(--sb-color-neutral-white);
  --sb-color-sidebar-brand: var(--sb-color-neutral-white);
  --sb-color-sidebar-button-icon: var(--sb-color-neutral-white);
  --sb-color-sidebar-button-border: var(--sb-color-neutral-white);
  --sb-color-sidebar-button-hover: var(--sb-color-secondary-900);
  --sb-color-sidebar-button-pressed: var(--sb-color-secondary-800);
  --sb-color-accent-background-gainsboro: var(--sb-color-base-100);
  --sb-color-accent-background-gainsboro-hover: var(--sb-color-base-200);
  --sb-color-accent-background-pink-lace: #fbdbff;
  --sb-color-accent-background-pink-lace-hover: #f8c2ff;
  --sb-color-accent-background-pink-lace-select: #eab5f1;
  --sb-color-accent-background-pale-lavender: #dbd0ff;
  --sb-color-accent-background-pale-lavender-hover: #c6b5ff;
  --sb-color-accent-background-pale-lavender-select: var(
    --sb-color-highlight-500
  );
  --sb-color-accent-background-lavender: var(--sb-color-info-100);
  --sb-color-accent-background-lavender-hover: var(--sb-color-info-200);
  --sb-color-accent-background-lavender-select: var(--sb-color-info-600);
  --sb-color-accent-background-water: #d9f4ff;
  --sb-color-accent-background-water-hover: #bfedff;
  --sb-color-accent-background-water-select: #7dd2f4;
  --sb-color-accent-background-green-cyan: var(--sb-color-success-100);
  --sb-color-accent-background-green-cyan-hover: var(--sb-color-success-200);
  --sb-color-accent-background-green-cyan-select: var(--sb-color-success-500);
  --sb-color-accent-background-papaya-whip: var(--sb-color-warning-100);
  --sb-color-accent-background-papaya-whip-hover: var(--sb-color-warning-200);
  --sb-color-accent-background-papaya-whip-select: var(--sb-color-warning-400);
  --sb-color-accent-background-lumber: #ffe5cf;
  --sb-color-accent-background-lumber-hover: #ffd7b5;
  --sb-color-accent-background-lumber-select: #f59551;
  --sb-color-accent-background-light-red: var(--sb-color-danger-200);
  --sb-color-accent-background-light-red-hover: var(--sb-color-danger-300);
  --sb-color-accent-background-light-red-select: var(--sb-color-danger-600);
  --sb-color-accent-background-white: var(--sb-color-neutral-white);
  --sb-color-accent-background-white-hover: var(--sb-color-base-50);
  --sb-color-accent-content-gainsboro: var(--sb-color-secondary-950);
  --sb-color-accent-content-pink-lace: #66419c;
  --sb-color-accent-content-pale-lavender: var(--sb-color-highlight-800);
  --sb-color-accent-content-lavender: var(--sb-color-info-900);
  --sb-color-accent-content-water: #175e7c;
  --sb-color-accent-content-green-cyan: var(--sb-color-success-800);
  --sb-color-accent-content-papaya-whip: var(--sb-color-warning-800);
  --sb-color-accent-content-lumber: #9e571b;
  --sb-color-accent-content-light-red: var(--sb-color-danger-800);
  --sb-color-accent-content-white: var(--sb-color-secondary-950);
  --sb-color-accent-border-white: var(--sb-color-secondary-100);
  --sb-color-notifications-primary: var(--sb-color-neutral-white);
  --sb-color-notifications-success: var(--sb-color-success-100);
  --sb-color-notifications-danger: var(--sb-color-danger-100);
  --sb-color-notifications-warning: var(--sb-color-warning-50);
  --sb-color-notifications-info: var(--sb-color-info-100);
}