$light: (
  button-primary-foreground-color: #ffffff,
  button-primary-foreground-color-hover: #ffffff,
  button-primary-foreground-color-active: #ffffff,
  button-primary-background-color: #0265DC,
  button-primary-background-color-hover: #0655b4ff,
  button-primary-background-color-active: #09458cff,
  button-primary-border-color: transparent,
  button-primary-focus-ring-color: #0265DC,
  button-secondary-foreground-color: #141414,
  button-secondary-foreground-color-hover: #141414,
  button-secondary-foreground-color-active: #141414,
  button-secondary-background-color: #0404040f,
  button-secondary-background-color-hover: #05050522,
  button-secondary-background-color-active: #07070735,
  button-secondary-border-color: transparent,
  button-secondary-focus-ring-color: #0265DC,
  button-ghost-foreground-color: #141414,
  button-ghost-foreground-color-hover: #141414,
  button-ghost-foreground-color-active: #141414,
  button-ghost-background-color: transparent,
  button-ghost-background-color-hover: #14141414,
  button-ghost-background-color-active: #14141429,
  button-ghost-border-color: transparent,
  button-ghost-focus-ring-color: #0265DC,
  button-danger-primary-foreground-color: #ffffff,
  button-danger-primary-foreground-color-hover: #ffffff,
  button-danger-primary-foreground-color-active: #ffffff,
  button-danger-primary-background-color: #e13212,
  button-danger-primary-background-color-hover: #b82c12ff,
  button-danger-primary-background-color-active: #8f2613ff,
  button-danger-primary-border-color: transparent,
  button-danger-primary-focus-ring-color: #e13212,
  button-danger-secondary-foreground-color: #bf2a00,
  button-danger-secondary-foreground-color-hover: #bf2a00,
  button-danger-secondary-foreground-color-active: #bf2a00,
  button-danger-secondary-background-color: #ffece9,
  button-danger-secondary-background-color-hover: #fcd9d4ff,
  button-danger-secondary-background-color-active: #f6b4a9ff,
  button-danger-secondary-border-color: transparent,
  button-danger-secondary-focus-ring-color: #e13212,
  checkbox-unchecked-fill-color-default: #141414,
  checkbox-unchecked-fill-color-hover: #141414,
  checkbox-unchecked-fill-color-active: #141414,
  checkbox-unchecked-background-color-default: transparent,
  checkbox-unchecked-background-color-hover: #14141414,
  checkbox-unchecked-background-color-active: #14141429,
  checkbox-checked-fill-color-default: #0265DC,
  checkbox-checked-fill-color-hover: #004ba0d1,
  checkbox-checked-fill-color-active: #0151afb8,
  checkbox-checked-background-color-default: transparent,
  checkbox-checked-background-color-hover: #0265dc14,
  checkbox-checked-background-color-active: #0265dc29,
  checkbox-unchecked-error-fill-color-default: #e13212,
  checkbox-unchecked-error-fill-color-hover: #bf2a00,
  checkbox-unchecked-error-fill-color-active: #bf2a00,
  checkbox-unchecked-error-background-color-default: transparent,
  checkbox-unchecked-error-background-color-hover: #e132120f,
  checkbox-unchecked-error-background-color-active: #e132122e,
  checkbox-checked-error-fill-color-default: #e13212,
  checkbox-checked-error-fill-color-hover: #bf2a00,
  checkbox-checked-error-fill-color-active: #bf2a00,
  checkbox-checked-error-background-color-default: transparent,
  checkbox-checked-error-background-color-hover: #e132120f,
  checkbox-checked-error-background-color-active: #e132122e,
);
$dark: (
  button-primary-foreground-color: #141414,
  button-primary-foreground-color-hover: #141414,
  button-primary-foreground-color-active: #141414,
  button-primary-background-color: #78BBFA,
  button-primary-background-color-hover: #8ec6fbff,
  button-primary-background-color-active: #68a0d5ff,
  button-primary-border-color: transparent,
  button-primary-focus-ring-color: #78BBFA,
  button-secondary-foreground-color: #ffffff,
  button-secondary-foreground-color-hover: #ffffff,
  button-secondary-foreground-color-active: #ffffff,
  button-secondary-background-color: #ffffff0f,
  button-secondary-background-color-hover: #ffffff22,
  button-secondary-background-color-active: #ffffff35,
  button-secondary-border-color: transparent,
  button-secondary-focus-ring-color: #78BBFA,
  button-ghost-foreground-color: #ffffff,
  button-ghost-foreground-color-hover: #ffffff,
  button-ghost-foreground-color-active: #ffffff,
  button-ghost-background-color: transparent,
  button-ghost-background-color-hover: #ffffff14,
  button-ghost-background-color-active: #ffffff29,
  button-ghost-border-color: transparent,
  button-ghost-focus-ring-color: #78BBFA,
  button-danger-primary-foreground-color: #141414,
  button-danger-primary-foreground-color-hover: #141414,
  button-danger-primary-foreground-color-active: #141414,
  button-danger-primary-background-color: #ff745f,
  button-danger-primary-background-color-hover: #ff8a79ff,
  button-danger-primary-background-color-active: #d96553ff,
  button-danger-primary-border-color: transparent,
  button-danger-primary-focus-ring-color: #ff745f,
  button-danger-secondary-foreground-color: #ffffff,
  button-danger-secondary-foreground-color-hover: #ff745f,
  button-danger-secondary-foreground-color-active: #ff745f,
  button-danger-secondary-background-color: #ff745f33,
  button-danger-secondary-background-color-hover: #fe6e5852,
  button-danger-secondary-background-color-active: #fe6a5466,
  button-danger-secondary-border-color: transparent,
  button-danger-secondary-focus-ring-color: #ff745f,
  checkbox-unchecked-fill-color-default: #ffffff,
  checkbox-unchecked-fill-color-hover: #ffffff,
  checkbox-unchecked-fill-color-active: #ffffff,
  checkbox-unchecked-background-color-default: transparent,
  checkbox-unchecked-background-color-hover: #ffffff14,
  checkbox-unchecked-background-color-active: #ffffff29,
  checkbox-checked-fill-color-default: #78BBFA,
  checkbox-checked-fill-color-hover: #abd8feda,
  checkbox-checked-fill-color-active: #abd8fee0,
  checkbox-checked-background-color-default: transparent,
  checkbox-checked-background-color-hover: #78bbfa14,
  checkbox-checked-background-color-active: #78bbfa29,
  checkbox-unchecked-error-fill-color-default: #ff745f,
  checkbox-unchecked-error-fill-color-hover: #ff745f,
  checkbox-unchecked-error-fill-color-active: #ff745f,
  checkbox-unchecked-error-background-color-default: transparent,
  checkbox-unchecked-error-background-color-hover: #f94d321a,
  checkbox-unchecked-error-background-color-active: #f94d3240,
  checkbox-checked-error-fill-color-default: #ff745f,
  checkbox-checked-error-fill-color-hover: #ff745f,
  checkbox-checked-error-fill-color-active: #ff745f,
  checkbox-checked-error-background-color-default: transparent,
  checkbox-checked-error-background-color-hover: #f94d321a,
  checkbox-checked-error-background-color-active: #f94d3240,
);
$nonColor: (
  button-primary-border-radius: 0.375rem,
  button-secondary-border-radius: 0.375rem,
  button-ghost-border-radius: 0.375rem,
  button-danger-primary-border-radius: 0.375rem,
  button-danger-secondary-border-radius: 0.375rem,
);